vue windows搭建開發環境

2021-08-09 19:58:31 字數 1500 閱讀 7143

win10 64位

**映象:

安裝根路徑:我的預設為 d:\

安裝時選擇安裝路徑為 根路徑\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 

.taobao

.org

設定系統變數:

node_path   根路徑\node-install\noge_global\node_modules
系統變數追加

path       根路徑\node-install
使用者變數變更

path       去掉***x\***\***\npm

換成 根路徑\node-install\node_global

npm install vue-cli –g
npm install webpack –g
通過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可參考劉峰峰文章: 寫的很贊很詳細

VUE Windows環境搭建

1.需要安裝node.js,詳細步驟 2.安裝好node之後,因為npm在國內的時候會很慢,所以推薦安裝 的映象,用cnpm來代替npm,開啟cmd直接輸入 之後回車,等待進行安裝,具體的位址可以檢視網頁 3.在cmd裡輸入 cnpm install g vue cli 回車,進行安裝 安裝之後可以...

使用Eclipse搭建Python開發環境

pydev是乙個強大的eclipse外掛程式,安裝該外掛程式,使用者可以使用eclipse來進行python應用程式的開發和除錯。即通過pydev可以將eclipse作為python ide。pydev 提供了一些很好的功能,如 語法錯誤提示 源 編輯助手 quick outline globals...

Ubuntu下搭建Qt OpenCV開發環境

vmware 11.1.1 ubuntu 14.04 64位 pc win7 64位 參考資料 在ubuntu14.04上建立qt 5.4.0開發環境 安裝過程就直接上方所附參考資料。2 建立qt專案 2.1 qt creator執行介面 為方便使用 a qt creator可以鎖定到工作列 並設定...