场景 | 技术栈 | IDE |
---|---|---|
中后台管理系统 | SprinBoot、vue-cli SPA、npm、Element UI | WS、VS code、HB |
H5前端开发 | vue-cli SPA、npm、建议自己布局写样式 | WS、VS code、HB |
跨端APP开发 | uni-app、Flutter、RN、cordova(这一类需要调用底层API) | HB、打包成可安装APP |
1.一级路由 demo 脚手架:vue-router-demo
2.把相应的API实现
3.前后联调
一个Vue的单页应用(一级路由)的脚手架程序构建
1.进入某个目录如D:\VueStudy
2.通过命令创建项目:Vue init webpack vue-router-demo1(后几项都选N)
3.cd进入vue-router-demo1目录
4.安装依赖:npm install
5.运行:npm run dev
6.更改config目录下的index.js文件,将端口改80
7.进行一级路由配置
components文件夹建立相应的组件
1.Index.vue
2.Message.vue
改造根组件APP.vue
router文件夹的index.js文件