配置參考:
2.基於node.js,利用**npm映象安裝相關依賴。
在cmd裡直接輸入:npm install -g cnpm --registry=回車,等待安裝...
注意:確保npm版本大於等於3.0.0,否則後續安裝會出現問題;
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_todo(專案名),回車,進入到具體專案資料夾
(2)輸入:cnpm install,回車,等待一小會兒
回到專案資料夾,會發現專案結構裡,多了乙個node_modules資料夾(該檔案裡的內容就是之前安裝的依賴)
基於腳手架建立的預設專案結構如下圖所示:
6.測試環境是否搭建成功。(建議方法1)
方法1:在cmd裡輸入:npm run dev
方法2:在瀏覽裡輸入:localhost:8080(預設埠為8080)
執行起來後的效果如下圖所示:
vue cli 建立快速 vue 專案
注意這安裝的是 vue cli2 版本的 vue 專案!雖然可以安裝,但是就目前而言並不適用!一般現在都用vue cli 3 1.首相你需要先有 node.js 使用node v npm v 去查詢自己是否安裝好 2.由於使用npm 下包很慢,因為是國際的問題,所以我們可以使用國內的 映象 映象安裝...
vue使用vue cli建立專案
安裝執行環境 node和npm 安裝vue cli 檢視是否安裝成功vue v 安裝webpack 新建專案 1 vue init webpack 專案名稱 2 配置專案有關的資訊 專案名稱,開發者,描述,安裝路由,使用eslint 規範,測試單元 4 進入專案的資料夾下,使用npm run dev...
VUE,基於vue cli搭建建立vue專案
前提然後安裝vue cli 安裝方式 cmd命令列安裝 開啟cmd命令符輸入進行全域性安裝腳手架 npm install g vue cli 全域性腳手架安裝成功之後就可以建立vue專案了 三種建立方式 這裡演示第三種 第一種 舊版本建立專案,不推薦 首先要安裝依賴包npm install g vu...