1. 安裝git
其右鍵git bash here定位比cmd的命令列要準確,接下來的命令都是利用git bash here。
2.安裝nodejs
3.安裝全域性的vue-cli腳手架,用於幫助搭建所需的模板框架
npm install -g vue-cli,回車,等待安裝
安裝完後,可以輸入vue,然後回車,如果出現vue的資訊,則說明安裝成功了。
4. 建立專案
自己找乙個合適的地方,新建乙個專案資料夾demo,根據自己的需要命名,
開啟此資料夾,右鍵git bash here,
輸入:vue init webpack test(專案資料夾名),回車,等待一小會兒,依次出現『git』下的項,可按下圖操作:
此時,觀察demo的資料夾下又多了乙個test資料夾,這個test資料夾就是vue專案的資料夾,如圖所示:
5. 在test資料夾下git bash here
npm install,回車,等待一小會兒,回到專案資料夾,會發現專案結構裡,多了乙個node_modules資料夾(該檔案裡的內容就是之前安裝的依賴)。
6. 在命令列裡繼續輸入 npm run dev來測試環境是否搭建成功,如果出現如下圖說明成功了:
注意:預設開啟專案是localhost:8080
如果要檢視專案修改的效果,必須是在專案所在的路徑下執行 npm run dev //這個命令npm install 不確定是不是必加項
Windows下啟動vue專案
2.1設定快取路徑 npm config set cache d nodejs node cache 2.2設定全域性模組存放路徑 npm config set prefix d nodejs node global 如果 需要認證的話可以這樣來設定。有需要建立vue專案的,可以安裝vue cli腳...
vue環境下新建專案
1.之前電腦上安裝了node和npm,檢視下版本資訊。2.現在安裝vue cli腳手架,可以全域性安裝 之前自己電腦沒有安裝過webpack,所以在這邊安裝一下。3.建立乙個基於webpack的專案 之前有寫安裝node,webpack的操作過程 有部分就是按回車自動生成的答案,有的是手打的。4.安...
windows下vue專案啟動步驟
原創 不是ngnix伺服器是,忽略7 10 前後端分離專案,要做前後端聯動測試,沒整過前端用vue,nodejs和webpack的開發管理方式。來回折騰終於把已經建好的vue專案啟動起來,做個筆記記錄下步驟備用,只針對沒有任何前端專案啟動經驗的,可能對別人沒有參考意義 os windows7 1 g...