vue环境搭建(cnpm、vue-cli)
1. 下载node.js安装包,直接安装。
验证是否安装成功可在cmd命令窗口输入node -v 和 npm -v,若返回版本号则说明安装成功。
2. 打开cmd,输入以下命令在node.js安装目录下新增两个文件夹
npm config set prefix "F:\utils\Nodejs\node_global"
npm config set cache "F:\utils\Nodejs\node_cache"
3. 配置环境变量
新建系统变量NODE_PATH:F:\utils\Nodejs\node_global\node_modules
更改用户变量PATH:C:\Users\Administrator\AppData\Roaming\npm 改为F:\utils\Nodejs\node_global
4. cmd命令窗口,安装express包
npm install express -g
验证express是否安装成功。cmd输入node进入编辑模式,输入require(‘express’),出现以下界面说明安装成功。
5. 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
验证是否安装成功。输入cnpm -v,出现类似以下界面说明安装成功。
6. 通过cnpm安装vue以及vue-cli
cnpm install vue
cnpm install --global vue-cli
验证vue是否安装成功。cmd输入vue -V,若返回版本号则安装成功。