这篇文章给大家分享的是有关Vue.js项目模板有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
你要开始一个重要的Vue项目吗?为了确保您从一个坚实的基础开始,您可以使用一个模板(也称为样板,骨架,启动器或脚手架),而不是从npm init或Vue开始。
许多经验丰富的开发人员都以开源模板的形式收集了关于构建高质量Vue应用程序的经验。这些模板包括最佳配置和项目结构,最佳第三方工具和其他开发最佳实践。
与为灵活性进行优化的Vue CLI 3不同,模板是自定义的,因此,选择一个适合您的开发理念,并且具有与您需要的开箱即用的特性大致相同的特性是很重要的。
选择Vue模板的一些考虑事项包括:
- <李>
Webpack
<李>PWA
<李>完整与认证
<李>好的文档
<李>GraphQL
<李>测试
等等。
现在有很多伟大Vue.js模板,但是在本文中,我们将介绍5个包含新项目经常需要的关键特性的模板。
<强>
<强>
链接:https://github.com/devCrossNet/vue-starter
演示:https://vue-starter.herokuapp.com
<强>
链接:https://github.com/icebob/vue-express-mongo-boilerplate
演示:http://vemapp.moleculer.services/
<强>
许多模板失败的原因是缺乏文档.Vue企业样板不是这样。该项目由克里斯·弗里茨创建和维护,他编写了大部分Vue文档,因此它组织良好并与Vue最佳实践保持一致。
这个模板的文档最棒的地方在于,它不仅解释了包含了什么,而且通常还解释了不包含什么,以及为什么不包含,例如,克里斯解释了为什么没有打印稿,巴贝尔polyfill,哈巴狗等模板中常见的模板。
不要让这个应用程序的简洁默认页面欺骗你,它也有很多功能。我最喜欢的一些包括用于测试的模拟API,以及包含生成器,允许您自动添加单元测试来设置组件,视图和布局。
Vue企业样板还支持Vue CLI 3,因此可以使用其他Vue CLI 3插件轻松扩展项目。
链接:https://github.com/chrisvfritz/vue-enterprise-boilerplate
<强>
Vuexpresso唯一的缺点是它仍然相当新,所以一定要有时间彻底测试你用它构建的任何应用程序。
链接:https://github.com/Ethaan/vuexpresso
<强>支持GraphQL的另一个样板是 <强>友好Vue起动器 <>强,它还包括通过关键提取的关键路径CSS。
感谢各位的阅读!关于Vue.js项目模板有哪些就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!
