Vue環境搭建
阿新 • • 發佈:2018-05-02
style ack 點擊 ron 位置 taobao clone 調試 開發者模式
Vue>npm>nodejs
https://segmentfault.com/a/1190000009366036
一、 下載安裝nodejs
https://nodejs.org/zh-cn/
配置環境變量:
PATH= C:\Program Files\nodejs
二、 更改npm全局模塊和cache默認安裝位置
- 創建相應的文件夾
- 使用CMD命令完成配置
npm config set prefix " d:\npm\node_global"
npm config set cache " d:\npm\node_cache"
- 設置環境變量:
PATH = d:\npm\node_global;
- 配置npm國內鏡像:
npm install -g cnpm --registry=http://registry.npm.taobao.org
三、 安裝vue-cli腳手架構建工具
cnpm install -g webpack
cnpm install -g webpack-cli
cnpm install -g vue
npm install -g vue-cli
四、 安裝vue調試工具
- 使用git命令下載項目
git clone https://github.com/vuejs/vue-devtools
- 下載安成之後打開cmd進入vue-devtools文件夾把依賴裝好cnpm install 之後再進行cnpm run build
- 打開Chrome裏面的更多工具 > 點擊擴展程序 > 點擊開發者模式
- 再點擊加載已解壓的擴展程序,然後把shells>chrome這個文件夾放入就ok了
-
Vue環境搭建