1. 程式人生 > >vue windows搭建開發環境

vue windows搭建開發環境

tail sdn dos命令 文章 設置 fin mod 目的 glob

系統要求: 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搭建開發環境