SPA:单页应用

场景

• 中后台管理系统
• H5前端开发
• 跨端APP开发

技术栈

• SpringBoot、SpringBoot SPA、ElementUI
• vue-cli SPA、npm、建议自己布局手写样式
• uni-app、Flutter、RN、cordova

IDE

• webstorm、VS、 code、 HB
• webstorm、VS、 code、 HB
• HB、打包成可安装程序

一个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、进行一级路由配置
  App.vue