思路:先安装nvm,接着nodejs和npm,最后webpack,vue,vue-cli,helloworld
1.卸载node,npm,nvm
删除对应:文件夹,(cmd 运行 where命令,找到安装目录)
where node
where npm
where webpack
where vue
删除对应:用户环境变量和系统环境变量
2.重启电脑,用于删除一些节点进程
3.下载nvm-setup.zip(github.com/coreybutler…),安装,不要改目录(这个很重要,后面配合webpack的安装需要),装完后,会在用户环境变量和系统环境变量中自动生成一些配置,但是有个指向了C:\Program Files\nodejs,这个是在本地没有的(如果之前都删干净的情况下),所以新建个空的文件夹,用来加载nvm use的node(自带npm),个人理解就是个快捷图标指向当前系统的node
4.修改nvm中的settings.txt的内容:
nvm的安装目录默认是在:C:\Users\18092439\AppData\Roaming\nvm\nvm.exe
root: C:\Users\18092439\AppData\Roaming\nvm
path: C:\Program Files\nodejs
arch: 64
proxy: http://10.37.235.10:8080 # 公司是内网的情况,需要挂代理
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
5.nvm下载node12.9.1版本的安装包
nvm install 12.9.1
6.nvm切换node到12.9.1版本
nvm use 12.9.1
7.在C:\Program Files\nodejs文件夹内新建两个文件夹用于全局存放缓存路径和依赖包路径
缓存路径C:\Program Files\nodejs\node_cache
依赖包路径C:\Program Files\nodejs\node_global
8.cmd,跑两个命令
npm config set cache "C:\Program Files\nodejs\node_cache"
npm config set prefix "C:\Program Files\nodejs\node_global"
(输入指令后,命令行闪一下,不会有任何提示)
9.npm全局安装webpack
npm install webpack -g
10.webpack环境变量配置
我的电脑——右键属性——高级系统设置——高级———环境变量
分别新建用户变量PATH(这个一般都是存在的,直接在后面补一个)和系统变量NODE_PATH
这是最重要的一点;在安装webpack后出现'webpack' 不是内部或外部命令的问题 就是此处设置不对
PATH和NODE_PATH全部设置为:C:\Program Files\nodejs\node_global
11.重启电脑,检查node,npm,webpack
node -v
npm -v
webpack -v
12.安装vue:
npm install vue
13.安装3.0以上的脚手架,Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)
npm install -g @vue/cli
14.检验vue:
vue --version
15.使用脚手架搭建项目
vue create hello-world
16.进入hello-world文件下
cd hello-world
17.启动项目
npm run dev