vue windows搭建開發環境
系統要求: win10 64位
淘寶鏡像:https://registry.npm.taobao.org
根路徑:我的默認為 D:\
以下安裝我默認node安裝目錄為node-install , 百度出來的一般安裝文件夾為nodejs ,請按照自己要求自己更改
一:windows安裝node 和 npm
node.js官網下載windows版本node安裝包,點擊安裝
安裝時選擇安裝路徑為 根路徑\node-install
安裝完成後,通過cmd進入dos命令窗口,執行 node -v , npm -v 可以看到安裝版本
在安裝目錄(根目錄/node-install)創建node_global 、node_cache 兩個文件夾
npm config set prefix "d:\node-install\node_global"
npm config set cache "d:\node-install\node_cache"
設置npm鏡像
npm config set registry https://registry.npm.taobao.org
設置系統變量:
NODE_PATH 根路徑\node-install\noge_global\node_modules
系統變量追加
PATH 根路徑\node-install
用戶變量變更
PATH 去掉xxxx\xxx\xxx\npm
換成 根路徑\node-install\node_global
二:安裝vue-cli包
npm install vue-cli –g
三:安裝webpack包
npm install webpack –g
四:通過vue-cli創建項目
通過dos命令窗口切換到你想創建項目的目錄 例如:d:\vue-project
執行如下命令
vue init webpack vue-example-js
六:啟動應用
切換到vue-example-js目錄,執行如下命令
npm run dev
七:通過頁面訪問樣例
http://localhost:8080/#/
八:停止應用
通過ctrl-c 退出dos應用
應用不會立即退出,可以手動殺進程,執行第九步
九:殺應用進程
查找端口
netstat -ano|findstr "8080"
執行結果如下(會有多個)
TCP 0.0.0.0:8080 0.0.0.0:0 LISTENING 10300
最後一列即為進程號
對多個進程號分別執行下述命令
taskkill /F /PID 10300
基於linux開發vue可參考劉峰峰文章:http://blog.csdn.net/column/details/17076.html 寫的很贊很詳細
vue windows搭建開發環境