1. 程式人生 > >Vue環境搭建

Vue環境搭建

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默認安裝位置

  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

技術分享圖片

三、 安裝vue-cli腳手架構建工具

cnpm install -g webpack

cnpm install -g webpack-cli

cnpm install -g vue

npm install -g vue-cli

四、 安裝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了
  4. 技術分享圖片

Vue環境搭建