vue的環境配置

2022-08-25 20:12:29 字數 839 閱讀 5514

1.安裝node.js -------------------

2.開啟電腦cmd安裝**npm映象的依賴

npm install -g cnpm --registry=

3.全域性vue-cli腳手架,用於幫助搭建所需的模板框架

在cmd裡 1)輸入:cnpm install -g vue-cli,回車,等待安裝...

2).輸入:vue,回車,若出現vue資訊說明表示成功

4.建立專案

在需要建立專案的資料夾裡開啟cmd,輸入:vue init webpack my_fristvue(專案資料夾名),回車,等待一小會兒,依次出現『git』下的項,可按下圖操作

5.安裝依賴

在cmd裡  1).輸入:cd my_fristvue(專案名),回車,進入到具體專案資料夾

2).輸入:cnpm install,回車,等待一小會兒

回到專案資料夾,會發現專案結構裡,多了乙個node_modules資料夾(該檔案裡的內容就是之前安裝的依賴)

6.測試環境是否搭建成功

方法1:在cmd裡輸入:cnpm run dev

方法2:在瀏覽裡輸入:localhost:8080(預設埠為8080)

執行起來後的效果如下圖所示:

vue環境的配置

配置環境變數 這裡根據自己的系統去node官網 2.安裝後,開啟執行命令視窗,輸入cmd。輸入node v,測試是否安裝成功,會輸出版本資訊。3.新的node.js已經整合了npm,所以npm也一併裝好了,輸入npm v測試,會輸出版本資訊。4.在剛才node.js的安裝目錄下新建兩個資料夾node...

Vue環境配置

全域性變數 npm config set prefix d nodejs node global 快取npm config set cache d nodejs node cache npm config set registry 環境配置 node paht d nodejs node globa...

Vue 環境配置

1.安裝全域性變數 a.npm install g vue cli 檢視安裝vue v b.npm install g yarn 檢視安裝yarn v 2.vue 建立乙個專案 a.開啟專案資料夾 b.vue init webpack c.npm run dev d.或者在vs code裡面終端下執...