Vue环境搭建

Vue>npm>nodejs

https://segmentfault.com/a/1190000009366036

1、          下载安装nodejs

https://nodejs.org/zh-cn/

配置环境变量：

PATH= C:\Program Files\nodejs

2、          更改npm全局模块和cache默认安装位置

1. 建立相应的文件夹

 

 

 

1. 使用CMD命令完成配置

npm config set prefix " d:\npm\node_global"

npm config set cache " d:\npm\node_cache"

1. 设置环境变量：

PATH = d:\npm\node_global;

1. 配置npm国内镜像：

npm install -g cnpm --registry=http://registry.npm.taobao.org

 

3、          安装vue-cli脚手架构建工具

cnpm install -g webpack

cnpm install -g webpack-cli

cnpm install -g vue

npm install -g vue-cli

 

4、          安装vue调试工具

1. 使用git命令下载项目

git clone https://github.com/vuejs/vue-devtools

1. 下载安成以后打开cmd进入vue-devtools文件夹把依赖装好cnpm install 以后再进行cnpm run build
2. 打开Chrome里面的更多工具 > 点击扩展程序 > 点击开发者模式
3. 再点击加载已解压的扩展程序，而后把shells>chrome这个文件夹放入就ok了