安裝執行環境(node和npm)
安裝vue-cli(檢視是否安裝成功vue -v)
安裝webpack
新建專案
1、vue init webpack 專案名稱
2、配置專案有關的資訊(專案名稱,開發者,描述,安裝路由,使用eslint**規範,測試單元)
4、進入專案的資料夾下,,使用npm run dev來執行專案
5、執行完成後根據提示的位址進行專案的訪問
6、到此專案就建立完成了,以上是頁面中顯示的內容
8、主要修改的是src中的檔案
assets中存放靜態資源
components中存放當前專案中用到的元件
router中存放涉及的路由配置
main.js當前專案的vue例項建立,可以將例項的配置資訊放在當前檔案中
9、元件的檔案中主要包含三個部分,template、script、style
template標籤中放html結構(必須有且只有乙個跟標籤)
script中存放當前元件的資料、生命週期函式、計算屬性、偵聽器、方法等
style中放樣式,使用scoped可以使樣式只作用於當前元件
10、路由的配置,使用path、name、component來只能路由對應的位址,名稱和指定的元件,巢狀路由通過child中配置下級路由來實現,child的值是陣列
使用vue cli建立vue專案問題紀錄
全域性安裝vue cli的時候執行npm install g vue cli命令,錯誤如下 please try running this command again as root administrator 接著按照安裝步驟即可安裝 建立乙個基於 webpack 模板的新專案 vue init ...
vue cli 建立快速 vue 專案
注意這安裝的是 vue cli2 版本的 vue 專案!雖然可以安裝,但是就目前而言並不適用!一般現在都用vue cli 3 1.首相你需要先有 node.js 使用node v npm v 去查詢自己是否安裝好 2.由於使用npm 下包很慢,因為是國際的問題,所以我們可以使用國內的 映象 映象安裝...
利用vue cli建立Vue專案
配置參考 2.基於node.js,利用 npm映象安裝相關依賴。在cmd裡直接輸入 npm install g cnpm registry 回車,等待安裝.注意 確保npm版本大於等於3.0.0,否則後續安裝會出現問題 3.安裝全域性vue cli腳手架,用於幫助搭建所需的模板框架。在cmd裡 1 ...