| 場(chǎng)景 | 技術(shù)棧 | IDE |
|---|---|---|
| 中后臺(tái)管理系統(tǒng) | SprinBoot、vue-cli SPA、npm、Element UI | WS、VS code、HB |
| H5前端開發(fā) | vue-cli SPA、npm、建議自己布局寫樣式 | WS、VS code、HB |
| 跨端APP開發(fā) | uni-app、Flutter、RN、cordova(這一類需要調(diào)用底層API) | HB、打包成可安裝APP |
1.一級(jí)路由 demo 腳手架:vue-router-demo
2.把相應(yīng)的API實(shí)現(xiàn)
3.前后聯(lián)調(diào)
一個(gè)Vue的單頁應(yīng)用（一級(jí)路由）的腳手架程序構(gòu)建
1.進(jìn)入某個(gè)目錄如D：\VueStudy
2.通過命令創(chuàng)建項(xiàng)目：Vue init webpack vue-router-demo1(后幾項(xiàng)都選N)
3.cd進(jìn)入vue-router-demo1目錄
4.安裝依賴：npm install
5.運(yùn)行：npm run dev
6.更改config目錄下的index.js文件，將端口改80
7.進(jìn)行一級(jí)路由配置
components文件夾建立相應(yīng)的組件
1.Index.vue
2.Message.vue
改造根組件APP.vue
router文件夾的index.js文件
