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).輸入：cnpm install，回車，等待一小會兒

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

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

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

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

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

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

vue環境搭建

1.安裝node.js 2.vue環境搭建要依賴node，借助於node裡的npm包管理來安裝需要的依賴等。基於node.js,利用 npm映象安裝相關依賴 輸入 npm install g cnpm registry 3.安裝全域性vue cli腳手架，用於搭建所需的模板框架 1 輸入 cnpm ...

Vue環境搭建

第一步 開啟命令列，輸入 node v檢視版本號，如果顯示版本號則安裝成功。第二步，安裝 映象。第三步 安裝vue命令列工具 vue cli 在輸入 映象後輸入 全域性安裝 vue cli 前邊安裝了cnpm。可以用cnpm安裝vue cli了 cnpm install global vue cli...

Vue 環境搭建

2.安裝vue npm install vue g 現在一般安裝node之後會自動安裝npm包管理器，g表示全域性安裝，不帶 g會在當前cmd當前所在目錄新建node modules，並將vue安裝到此資料夾下 3.安裝webpack npm install webpack g cmd命令列輸入we...