开发人员查看使用SPA,Webpack,身份验证,GraphQL,文档和测试的Vue开发人员的资源。
你准备开始一个重要的Vue项目吗?为了确保从坚实的基础开始,您可以使用模板(也就是样板,骨架,起动器或脚手架)而不是从npm init或开始vue init。
许多经验丰富的开发人员已经掌握了以开源模板的形式构建高质量Vue应用程序的智慧。这些模板包括最佳配置和项目结构,最佳第三方工具以及其他开发最佳实践。
与Vue CLI 3不同,Vue CLI 3针对灵活性进行了优化,因此模板具有观点。因此,重要的是选择符合您的开发理念并且具有开箱即用的大致相同的功能。
选择Vue模板的一些注意事项包括:
Webpack
PWA
具有身份验证的全栈
好文档
GraphQL
Testing
有很多很棒的Vue.js模板,但是,在本文中,我们将看看包含新项目通常需要的关键功能的5个模板。
1.最适合Webpack
如果你需要一个可靠的Webpack设置,那么Vue CLI 2附带的Webpack模板就是最好的。在GitHub上有近7000颗星,Vue团队成员开发和维护,这个模板是创建高度优化的Webpack驱动的最好选择。
该模板利用了Webpack及其生态系统的许多前沿功能,包括热重载,CSS提取,linting以及单文件组件加载。它还包括针对开发,生产甚至测试而优化的独立配置。
作为Vue CLI 2的一部分,这是我们将要展示的最不具意见的模板之一,因此不包括服务器端渲染等许多理想的附加功能。
如果你发现Webpack模板有点过分,你可以试试它的小兄弟,Webpack Simple模板。
链接:https://github.com/vuejs-templates/webpack
注意:即将退出测试版的Vue CLI版本3已经放弃了模板体系结构,转而使用插件,因此该模板在技术上将被弃用,但仍可从Vue CLI 3的旧版设置中获取。了解更多信息文章Vue CLI 3:用于前端开发的游戏改变者。
2.最适合PWA
您是否需要渐进式应用的卓越用户体验?Vue Starter是服务器呈现的PWA的SPA模板。它包括Vuex和Vue Router,配置为开箱即用的服务器端渲染(SSR)。
该项目已经考虑到确保您的部署项目从一开始就具有惊人的用户体验,