一、安装node.js(https://nodejs.org/en/)




二、下载完毕后,可以安装node,建议不要安装在C盘。



二、设置nodejs prefix(全局)和cache(缓存)路径

1、在nodejs安装路径下,新建node_global和node_cache两个文件夹



三、 windows + R 打开终端,设置缓存文件夹设置全局模块存放路径,运行以下命令


npm config set cache "D:\vueProject\nodejs\node_cache"
 
npm config set prefix "D:\vueProject\nodejs\node_global"




四、设置环境变量(很重要的设置,可在全局使用)

1,看清楚路径,NODE_PATH的路径是node_global里面的node_modules目录下面



2,点击Path进行编辑,在最后面追加,前面一定要有分号



五:测试nodejs是否可以加载第三方包:

npm install express -g
 

可以看到配置的环境变量启作用了,把三方包加载到指定目录下:



NPM的天坑: 解决ERR! code UNABLE_TO_VERIFY_LEAF_SIGNATURE 各种下载失败



各种下载失败,并不是镜像源的问题,哪怕切换淘宝源也无法下载。总之就像断网一般无法下载。无关网络。

解决方案,命令行运行:

npm config set strict-ssl false



六、安装vue之前,建议把cnpm 进行安装,这个是淘宝对npm镜像,npm服务在国外,如果通过npm安装过程较慢

npm install -g cnpm --registry=https://registry.npm.taobao.org
七、开始安装vue,运行:


1, cnpm install vue -g

  2, cnpm install vue-cli -g


以上就是安装成功了,下面我们测试建立一个vue项目

1.打开存放新建项目的文件夹

打开开始菜单,输入 CMD,或使用快捷键 win+R,输入 CMD,敲回车,弹出命令提示符。打开你将要新建的项目目录

2.根据模版创建新项目

在当前目录下输入“vue init webpack-simple 项目名称(使用英文)”。

vue init webpack vue-template


命令行进入工程目录进行安装

cd vue_template