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裡面終端下執...