Vue-cli

使用nvm(node版本管理器) 安装node

1 下载 nvm-setup.zip 并安装 打开cmd命令窗口 运行 nvm -version 查看nvm是否安装成功! 

2 为nvm配置淘宝镜像 打开安装目录下 settings.txt 在末尾添加如下两行

//因为证书问题，会报错。且官方已经不建议使用
node_mirror: http://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

// 建议使用
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

 

3 nvm install 8.10.0  安装8.10.0的版本的node

4 nvm use 8.10.0 使用8.10.0的版本的node

运行node -v  和npm -v 可以打印出版本号就表示安装成功了 (有些无法使用命令可能需要配置环境变量)

 nvm 常用命令

nvm install latest    安装最新版本
nvm ls                查看目前已经安装的版本
nvm install 8.10.0    安装指定的版本
nvm use 8.10.0        使用指定版本
nvm uninstall 8.10.0  卸载指定版本

 开始构建vue项目

1 全局安装vue-cli

npm install --global vue-cli

2 使用webpack模版创建一个名字叫vuetest的标准的vue项目

vue init webpack vuetest

3 进入项目目录

cd vuetest

4 运行项目

npm run dev