安裝運行環境(node和npm)
安裝vue-cli(查看是否安裝成功vue -V)
安裝webpack
新建項目
1、vue init webpack 項目名稱
2、配置項目有關的信息(項目名稱,開發者,描述,安裝路由,使用eslint代碼規范,測試單元)
3、下載依賴模塊后會出現啟動項目的提示命令
4、進入項目的文件夾下,,使用npm run dev來運行項目
5、運行完成后根據提示的地址進行項目的訪問
6、到此項目就創建完成了,以上是頁面中顯示的內容
8、主要修改的是src中的文件
Assets中存放靜態資源
Components中存放當前項目中用到的組件
Router中存放涉及的路由配置
App.vue當前項目的主頁面組件
Main.js當前項目的vue實例創建,可以將實例的配置信息放在當前文件中
9、組件的文件中主要包含三個部分,template、script、style
Template標簽中放html結構(必須有且只有一個跟標簽)
Script中存放當前組件的數據、生命周期函數、計算屬性、偵聽器、方法等
Style中放樣式,使用scoped可以使樣式只作用於當前組件
10、路由的配置,使用path、name、component來只能路由對應的地址,名稱和指定的組件,嵌套路由通過child中配置下級路由來實現,child的值是數組