vue使用vue cli建立專案

2022-07-04 15:30:15 字數 961 閱讀 4784

安裝執行環境(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 ...