Vue CLI多页面模版集成Vue 2+Vue Router+Vuex+Bootstrap
vue-cli 的多页面项目模版,集成了Vue2、vue-router、vuex和Bootstrap,适合想搞清楚多页面结构怎么搭的同学。项目还把官方示例封装成了组件,省得你一个个找资料琢磨,拿来直接看效果,效率高多了。
本地开发环境挺简单,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 多页面结构,或者需要一个干净的基础框架来做原型,这项目蛮合适的。想更深入的话,也可以顺手看看这些文章:
嗯,总体来说,是个比较实用的脚手架项目。如果你也常做后台或中小型业务项目,拿它来起步不会错。
592.58KB
文件大小:
评论区