Vue CLI多页面模版集成Vue 2+Vue Router+Vuex+Bootstrap

vue-cli 的多页面项目模版,集成了Vue2vue-routervuexBootstrap,适合想搞清楚多页面结构怎么搭的同学。项目还把官方示例封装成了组件,省得你一个个找资料琢磨,拿来直接看效果,效率高多了。

本地开发环境挺简单,npm install装完依赖,npm run dev一跑就能访问一堆演示页面,比如:

  • http://localhost:9091/officialdemo.html 官方组件演示
  • http://localhost:9091/tabledemo.html 表格页面
  • http://localhost:9091/popupsdemo.html 弹窗交互
  • http://localhost:9091/carouseldemo.html 轮播图
  • http://localhost:9091/formlogindemo.html 表单登录

导航栏里还能点“案例:示例”跳转到tablehome.html,就是模拟一个项目列表的入口页面,这种结构做企业后台挺常见的。

构建上线也方便,直接npm run build,打包完扔到 IIS 或者别的静态服务器就行,路径管理清楚,用起来放心。

你如果想学习Vue 多页面结构,或者需要一个干净的基础框架来做原型,这项目蛮合适的。想更深入的话,也可以顺手看看这些文章:

嗯,总体来说,是个比较实用的脚手架项目。如果你也常做后台或中小型业务项目,拿它来起步不会错。

zip 文件大小:592.58KB