WINDOWS下 VUE專案環境搭建

2021-09-11 08:50:26 字數 929 閱讀 7568

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...