vue 安裝教程

**：

1.安裝node.js(

2.基於node.js,利用**npm映象安裝相關依賴

在cmd裡直接輸入：npm install -g cnpm –registry=回車，等待安裝...

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

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

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

4.建立專案

在cmd裡輸入：vue init webpack vue_test(專案資料夾名)，回車，等待一小會兒，依次出現『git』下的項，可按下圖操作

5.安裝依賴

在cmd裡  1).輸入：cd vue_test（專案名），回車，進入到具體專案資料夾

2).輸入：npm install，回車，等待一小會兒

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

基於腳手架建立的預設專案結構如下圖所示：

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

方法1：在cmd裡輸入：npm run dev

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

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

問題：在安裝過程中，你可能會遇到這個問題.

當我們執行某個專案是 會提示

> [email protected] dev c:\users\asus\my-project

> node build/dev-server.js
to use this template, you must update following to modules:
npm: 2.15.9 should be >= 3.0.0

即是 ：使用 npm -g install [email protected] （版本號2.9.1 可以根據已發布的版本隨意公升級或降級），獲取最新版本的npm 檔案

檢視版本：

這時在專案中進行  npm run dev 時還是會 提示

因此還有一部關鍵的一步：

最後執行  npm run  dev 成功執行

1.安裝node.js(

2.基於node.js,利用**npm映象安裝相關依賴

在cmd裡直接輸入：npm install -g cnpm –registry=回車，等待安裝...

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

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

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

4.建立專案

在cmd裡輸入：vue init webpack vue_test(專案資料夾名)，回車，等待一小會兒，依次出現『git』下的項，可按下圖操作

5.安裝依賴

在cmd裡  1).輸入：cd vue_test（專案名），回車，進入到具體專案資料夾

2).輸入：npm install，回車，等待一小會兒

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

基於腳手架建立的預設專案結構如下圖所示：

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

方法1：在cmd裡輸入：npm run dev

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

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

問題：在安裝過程中，你可能會遇到這個問題.

當我們執行某個專案是 會提示

> [email protected] dev c:\users\asus\my-project

> node build/dev-server.js
to use this template, you must update following to modules:
npm: 2.15.9 should be >= 3.0.0

即是 ：使用 npm -g install [email protected] （版本號2.9.1 可以根據已發布的版本隨意公升級或降級），獲取最新版本的npm 檔案

檢視版本：

這時在專案中進行  npm run dev 時還是會 提示

因此還有一部關鍵的一步：

最後執行  npm run  dev 成功執行

vue安裝教程

1.安裝node.js 2.基於node.js,利用 npm映象安裝相關依賴 在cmd裡直接輸入 npm install g cnpm registry 3.安裝全域性vue cli腳手架,用於幫助搭建所需的模板框架 1全域性安裝webpack cnpm install webpack g 2全域性...

Vue安裝教程

1 vue安裝 2 安裝node方法 注意 在安裝node.js前，先cmd 命令提示符 執行 node v 檢視是否已經有node.js版本，若有，則請先解除安裝或刪除。node.js安裝過程簡單，按照提示點 next 並選擇安裝位置即可 建議不裝系統盤 3 npm安裝 g是全域性安裝。對安裝成功...

vue 安裝教程

1.安裝node.js 2 基於node.js,利用 npm映象安裝相關依賴 在cmd裡直接輸入 npm install g cnpm registry https registry.npm.taobao.org，回車，等待安裝.3.安裝 全域性vue cli腳手架，用於幫助搭建所需的模板框架，一台...