vue快捷安装

1.下载nodejs安装包   https://nodejs.org/en/

2.根据提示安装nodejs

（1）注意修改安装路径

（2）验证node是否安装成功：win+R输入cmd，打开控制台。分别输入node -v 和 npm -v显示对应版本号，则安装成功。

3.控制台检测node -v和npm -v检验是否安装成功（安装成功会显示相应的版本号）

4.修改全局依赖包下载路径

npm config set prefix "D:\Applications\nodejs\node_global"
npm config get prefix
​
npm config set cache "D:\Applications\nodejs\node_cache"
npm config get cache

"D:\Applications\nodejs"是我的安装地址

5.设置国内镜像并检测(可忽略的步骤)

npm config set registry https://registry.npm.taobao.org
npm config get registry

6.安装cnpm并检测(可忽略的步骤)

//安装过程中可能存在警告，不用管

npm install -g cnpm
cnpm -v

7.安装vue-cli(全局安装vue-cli)，并检测（vue 2版本）【可移步此博客，安装vue指定版本】

npm ERR! code: 'EPERM' npm安装依赖时报错（参考链接）     

（删除npmrc文件:目录地址：C:\Users\{你的账户}\下的.npmrc文件）

npm install vue-cli@2.9.6 -g
vue -V

8.安装大功告成

9.创建vue项目

（1）进入想要创建项目的文件件

①在Windows中切换盘符（例如从C盘到D盘）使用命令：想要到的盘符加英文的冒号
D:
②使用cd 命令进入到指定文件夹
③使用dir命令查看当前文件夹下的所有文件夹

（2）使用命令创建vue的demo项目（不能有大些字母）

vue init webpack vue_demo

（3）运行demo

npm run dev

（4）浏览器访问 http://localhost:8080

 

参考：https://www.jianshu.com/p/d1651fae7ecc

https://www.cnblogs.com/mankii/p/14837914.html