Vue CLI空白项目模板
Vue CLI 生成的空白项目挺适合新手起步的，基本配置都帮你搞定了，省心不少。像src目录下直接分好了components、views、router这些常用模块，拿来就能用，结构也清晰。
Vue CLI配好的脚手架挺省事的，项目一启动就支持热更新，改了代码浏览器立马刷新，响应也快。你只要跑个npm run serve，本地开发环境就起来了，比较适合快速迭代。
项目里一般都自带了vue-router，用来搞前端路由，想要页面跳转效果，用router-link一包就搞定了；router.js里设置好路由规则就能用，挺方便。
有些模板还会集成Vuex，专门用来做状态管理，比如登录状态、购物车数据这些，不用 props 一级级传，解耦也干净。
构建工具方面，大多数都是配置好的Webpack，用来打包模块，像.vue文件、Sass 样式、图片资源都能统一，省下不少麻烦事。你也可以根据需要去改vue.config.js。
支持ES6+语法没啥问题，babel.config.js里基本都配置好了，写现代语法也不用担心兼容性。测试方面，一些项目也会预设好Jest或Mocha，可以直接写单元测试。
如果你想做成 PWA，也可以选上相关插件，离线访问、加桌面图标这些都能搞。整体来说，这类空白项目拿来就能开工，适合想省配置时间又想掌控代码结构的人。
想深入了解怎么用 Webpack 配置 Vue 项目？推荐你看看用 Webpack 配置 Vue.js 项目：Vue Loader 插件实战这篇文章，挺实用的。
文件大小：76.51KB
评论区