当前位置: 首页 > news >正文

windows下配置vue开发环境

安装nodejs,配置npm

1.下载安装包:下载地址:https://nodejs.org/en/download
这里选择了LTS .msi 64bit
2.安装node:下载完成后进行安装,记住安装的文件夹。本人安装路径为
D:\Program Files\nodejs

3.配置环境变量:
①安装完成后在用户系统变量Path下有一个默认的npm路径,将其删除,并添加:
D:\Program Files\nodejs
D:\Program Files\nodejs\node_global
新建变量NODE_PATH,值为D:\Program Files\nodejs\node_modules
②系统环境变量Path下添加:
D:\Program Files\nodejs\
%NODE_PATH%

4.配置node(防止c盘空间不够)
①在安装路径D:\Program Files\nodejs下新建以下两个文件夹:node_cache和node_global
②打开命令行执行以下,执行npm config get prefix,配置默认是在C盘路径
③执行两条修改命令:
npm config set prefix “D:\Program Files\nodejs\node_global”
npm config set cache “D:\Program Files\nodejs\node_cache”
④更改npm仓库镜像源:
npm config set registry https://registry.npmmirror.com

以上完成node安装配置,一下命令可查看信息
node -v
npm -v
npm config ls

5.安装webpack:npm install webpack -g

6.安装vue-cli:npm install @vue/cli -g
vue -V查看版本信息

开发工具:vscode

http://www.lryc.cn/news/107616.html

相关文章:

  • AndroidTV 获取焦点View放大效果实现方式
  • 访问者模式——操作复杂对象结构
  • 指针经典笔试题强训(附图详解)
  • Python:列表(list)与元组(tuple)
  • 常见的相似性度量方法
  • Day06-JS高级编程
  • 针对高可靠性和高性能优化的1200V硅碳化物沟道MOSFET
  • 开发框架软件公司:与之携手,共同开启办公流程化之路!
  • openCV C++环境配置
  • 8.3 作业 c高级
  • django实现部门表的增删改查界面
  • Tomcat的介绍和安装配置、eclipse中动态web项目的创建和运行、使用IDEA创建web项目并运行
  • idea操作——已经push到远程的代码回滚(不保留本地更改)
  • 无涯教程-Lua - 垃圾回收
  • DP(各种模型)
  • 开学在即,这个超好用的中小学新生录取查询系统制作方法值得借鉴
  • 使用Canvas裁剪图片
  • JavaScript |(三)内建对象 | 数组 | string对象 | 尚硅谷JavaScript基础实战
  • 势能线段树
  • 【phaser微信抖音小游戏开发004】往画布上增加文本以及文本的操作
  • 【1.4】Java微服务:服务注册和调用(Eureka和Ribbon实现)
  • QT中使用ffmpeg的api进行视频的播放
  • 使用idea实现git操作大全(在项目开发中遇到的实际情况
  • SQL面试题:一个优化案例
  • 链表的总体涵盖以及无哨兵位单链表实现——【数据结构】
  • 网页版Java五子棋项目(一)websocket【服务器给用户端发信息】
  • 企业大数据可视化案例专题分享-入门
  • GoogLeNet卷积神经网络-笔记
  • 腾讯云TencentOS Server镜像系统常见问题解答
  • 【项目 进程13】2.28共享内存(1) 2.29共享内存(2)