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了