nvm安装

325 阅读2分钟

思路:先安装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