参考:https://www.jianshu.com/p/c658e4d27bc9
注意日期:很多教程的版本很低,有一些命令过时了,所以重新写一次
- 下载nodejs并安装
链接:https://nodejs.org/en/,下载的是稳定版本,msi类型安装包
安装位置自己修改,建议安装在除C盘之外的盘位,防止占用C盘
中间不要勾选
- 配置npm包路径
减少C盘占用
D:\Program Files\nodejs安装路径下新建node_cache和node_global文件夹,打开cmd窗口,配置包路径。
npm config set cache "D:\Program Files\nodejs\node_cache"
npm config set prefix "D:\Program Files\nodejs\node_global"
- 修改环境变量
修改环境变量的路径,msi安装的默认路径为C盘中的,配置了npm包路径后需要重新修改
同样的内容配置一下下面的系统变量
然后电脑重启!重启后才能启动新的系统变量
- 安装cnpm
看自己需求,npm仓库在国外,速度比较慢,可使用官方推荐的 cnpm 命令行工具代替默认的 npm。
npm install --location=global cnpm --registry=https://registry.npm.taobao.org
- 配置–location=global
上述指令原本是-g,但是会有警告,使用–location=global解决。
另外,根据博客修改一下四个文件中的内容。
- 安装vue
根据需要使用cnpm
npm install --location=global @vue/cli
- 测试vue
关闭上述窗口,重新打开一个窗口,输入
vue -v
查看版本
在工程目录下输入vue create hello
,按照指示测试官方例程