VueJS项⽬的5个很棒的样板模板
你要开始⼀个重要的Vue项⽬吗?为了确保您从⼀个坚实的基础开始，您可以使⽤⼀个模板(也称为样板、⾻架、启动器或脚⼿架)，⽽不是从npm init或vue init开始。
许多经验丰富的开发⼈员都以开源模板的形式收集了关于构建⾼质量Vue应⽤程序的经验。这些模板包括最佳配置和项⽬结构、最佳第三⽅⼯具和其他开发最佳实践。
与为灵活性进⾏优化的Vue CLI 3不同，模板是⾃定义的。因此，选择⼀个适合您的开发理念，并且具有与您需要的开箱即⽤的特性⼤致相同的特性是很重要的。vuejs流程图插件
选择Vue模板的⼀些考虑事项包括:
Webpack
PWA
Full-stack with authentication
Good documentation
GraphQL
Testing
等等。
现在有很多great Vue.js模板，但是在本⽂中，我们将介绍5个包含新项⽬经常需要的关键特性的模板。
1. 最适合Webpack
如果您需要⼀个可靠的Webpack设置，那么只需查看Vue CLI 2中包含的Webpack模板即可。GitHub上有近7000颗星星，Vue团队成员负责开发和维护，这个模板是您创建⾼度优化的webpack⽀持的SP
A的最佳选择。
这个模板利⽤了Webpack及其⽣态系统的许多前沿特性，包括热重载、CSS提取、linting，当然还有单⽂件组件加载。它还包括为开发、⽣产甚⾄测试优化的单独配置。
作为Vue CLI 2的⼀部分，这是我们将提供的最不固执⼰见的模板之⼀，因此不包含许多需要的额外功能，⽐如服务器端呈现。
如果你发现Webpack模板有点过分，你可以试试它的⼩兄弟，Webpack Simple模板。
链接: github/vuejs-templates/webpack
注意：即将离开beta版的Vue CLI version 3已经放弃了模板体系结构，转⽽⽀持插件，因此这个模板在技术上是不受欢迎的，但是仍然可以从Vue CLI 3的遗留设置中使⽤。在我们的⽂章Vue CLI 3中了解更多：前端开发的游戏规则改变者。
2.最适合的PWA
你需要先进应⽤程序的⾼级⽤户体验吗?Vue Starter是⼀个⽤于服务器呈现的PWAs的SPA模板。它包括Vuex和Vue路由器，配置为使⽤服务器端呈现(SSR)开箱即⽤。
这个项⽬在确保您部署的项⽬从⼀开始就具有出⾊的UX⽅⾯投⼊了⼤量的精⼒，⽐如⽀持多种语⾔的国际化和Lighthouse评分90+，这要归功于SSR和service worker缓存。
此外，使⽤vue-meta管理⽂档头部标签⽤于SEO，⽽SSR确保您的页⾯将被⽀持JavaScript内容的搜索引擎索引。
链接：https：//github/devCrossNet/vue-starter
演⽰：https：//vue-starter.herokuapp
如果你正在建造⼀个PWA，另⼀个不错的选择是VuePack，当然，还有Vue CLI 2 PWA templat
3.最适合⾝份验证
如果您需要⽤户⾝份验证，请查看Vue Express Mongo样本⽂件。该项⽬提供了⼀个完整的堆栈“MEVN”web应⽤程序的样板，具有开箱即⽤的⾝份验证，包括⽤户注册和⾕歌、Facebook、Twitter和GitHub的社交登录。
此模板遵循安全最佳实践，使⽤OAuth 2，Helmet（添加安全HTTP标头）和Express Validator进⾏输⼊清理。它还为多个远程⽇志记录服务提供⽀持。
对于数据库，提供了带有Mongoose的MongoDB。repo还包含Docker配置，因此您可以轻松地启动⼀个实例。
链接：https：//github/icebob/vue-express-mongo-boilerplate
演⽰：http：//leculer.services/
提⽰：如果您更喜欢使⽤Laravel作为经过⾝份验证的Vue应⽤程序的后端，请尝试使⽤包含许多类似功能的
4.最适合⽂档
许多模板失败的原因是缺乏⽂档。不是这样。该项⽬由Chris Fritz创建和维护，他编写了⼤部分Vue⽂档，因此它组织良好并与Vue最佳实践保持⼀致。
这个模板的⽂档最棒的地⽅在于，它不仅解释了包含了什么，⽽且通常还解释了不包含什么，以及为什么不包含。例如，Chris解释了为什么没有TypeScript、Babel polyfill、Pug等模板中常见的模板。
不要让这个应⽤程序的简洁默认页⾯欺骗你，它也有很多功能。我最喜欢的⼀些包括⽤于测试的模拟API，以及包含⽣成器，允许您⾃动添加单元测试来设置组件，视图和布局。
Vue Enterprise Boilerplate还⽀持Vue CLI 3，因此可以使⽤其他Vue CLI 3插件轻松扩展项⽬。
链接：https：//github/chrisvfritz/vue-enterprise-boilerplate
5. 最适合GraphQL
GraphQL现在风靡⼀时，许多开发⼈员都希望在他们的新Vue项⽬中使⽤它。虽然没有多少Vue模板，但如果您需要GraphQL，请务必查看。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。