5个Vue.js项目的令人敬畏的模板

2023-05-25 0 782

合作开发者查阅采用SPA,Webpack,加密,GraphQL,文件格式和试验的Vue合作开发者的天然资源。

5个Vue.js项目的令人敬畏的模板

你预备早已开始两个关键的Vue工程项目吗?为的是保证从稳固的此基础早已开始,您能采用模版(也是样板工程,金属内部结构,电子零件或钢架)而并非从npm init或早已开始vue init。

很多训练有素的合作开发者早已掌控了以开放源码模版的方式构筑高效率Vue插件的睿智。那些模版主要包括最差实用性和工程项目内部结构,最差服务器端辅助工具和其它合作开发最差课堂教学。

5个Vue.js项目的令人敬畏的模板

与Vue CLI 3相同,Vue CLI 3特别针对稳定性展开了强化,因而模版具备看法。因而,关键的是优先选择合乎您的合作开发经营理念因此具备照相狸尾豆的基本相同的机能。

优先选择Vue模版的许多小常识主要包括:

WebpackPWA具备加密的全栈好文件格式GraphQLTesting

有很多很棒的Vue.js模版,但是,在本文中,我们将看看包含新工程项目通常需要的关键机能的5个模版。

1.最适合Webpack

如果你需要两个可靠的Webpack设置,那么Vue CLI 2附带的Webpack模版是最好的。在GitHub上有近7000颗星,Vue团队成员合作开发和维护,这个模版是创建高度强化的Webpack驱动的最好优先选择。

该模板利用了Webpack及其生态系统的很多前沿机能,主要包括热重载,CSS提取,linting和单文件组件加载。它还主要包括特别针对合作开发,生产甚至试验而强化的独立实用性。

5个Vue.js项目的令人敬畏的模板

作为Vue CLI 2的一部分,这是我们将要展示的最不具意见的模版之一,因而不主要包括服务器端渲染等很多理想的附加机能。

如果你发现Webpack模版有点过分,你能试试它的小兄弟,Webpack Simple模版。

链接:https://github.com/vuejs-templates/webpack

注意:即将退出试验版的Vue CLI版本3早已放弃了模版体系内部结构,转而采用插件,因而该模版在技术上将被弃用,但仍可从Vue CLI 3的旧版设置

2.最适合PWA

您是否需要渐进式应用的卓越用户体验?Vue Starter是服务器呈现的PWA的SPA模版。它主要包括Vuex和Vue Router,实用性为照相狸尾豆的服务器端渲染(SSR)。

5个Vue.js项目的令人敬畏的模板

该工程项目早已考虑到保证您的部署工程项目从一早已开始就具备惊人的用户体验,如多语言支持的国际化和灯塔得分为90+,这要归功于SSR和服务工作者的缓存。

此外,采用vue-meta的文件格式头标签管理用于SEO,而SSR保证您的页面将被支持JavaScript内容的搜索引擎编入索引。

链接:https://github.com/devCrossNet/vue-starter

演示:https://vue-starter.herokuapp.com

如果您正在构筑PWA,另两个不错的优先选择是VuePack,当然,还有Vue CLI 2 PWA模版。

3.最适合加密

如果您需要用户加密,请查阅Vue Express Mongo Boilerplate。该工程项目提供了两个全栈“MEVN”Web插件样板工程,具备照相狸尾豆的加密,主要包括用户注册和Google,Facebook,Twitter和GitHub的社交登录。

5个Vue.js项目的令人敬畏的模板

此模版遵循安全最差课堂教学,采用OAuth 2,Helmet(添加安全HTTP标头)和Express Validator展开输入清理。它还为多个远程日志记录服务提供支持。

对于数据库,提供了Mongo和Mongoose。repo还主要包括Docker实用性,因而您能轻松地启动实例。

链接:https://github.com/icebob/vue-express-mongo-boilerplate

演示:http://vemapp.moleculer.services/

提示:如果您更喜欢采用Laravel作为经过加密的Vue插件的后端,请尝试采用包含很多类似机能的Laravel Vue Boilerplate。

4.最适合文件格式

很多模版失败的原因是缺乏文件格式。Vue Enterprise Boilerplate并非这样。该工程项目由Chris Fritz创建和维护,他编写了大部分Vue文件格式,因而它组织良好并与Vue最差课堂教学保持一致。

关于这个模版的文件格式的好处在于它不仅解释了包含的内容,还解释了未包含的内容和原因。例如,Chris解释了为什么没有TypeScript,Babel polyfill,Pug等,这在其它模版中很常见。

5个Vue.js项目的令人敬畏的模板

不要让这个插件的简洁默认页面欺骗你,它也有很多机能。我最喜欢的许多主要包括用于试验的模拟API,和包含生成器允许您自动添加单元试验来设置组件,视图和布局。

Vue Enterprise Boilerplate还支持Vue CLI 3,因而能采用其它Vue CLI 3插件轻松扩展工程项目。

链接:https://github.com/chrisvfritz/vue-enterprise-boilerplate

5.最适合GraphQL

GraphQL现在风靡一时,很多合作开发者都希望在他们的新Vue工程项目中采用它。虽然Vue模版不多,但是如果你需要GraphQL,请务必查阅Vuexpresso。

5个Vue.js项目的令人敬畏的模板

该工程项目采用GraphQL,Apollo和GraphiQL UI,这是两个用于浏览GraphQL的浏览器内部IDE。除此之外,您还能获得实用性良好的Webpack设置,Vuex和Vue路由器。您还能获得Storybook,它允许交互式合作开发,试验和共享UI组件。

Vuexpresso唯一的缺点是它仍然相当新,所以一定要有时间彻底试验你用它构筑的任何插件。

链接:https://github.com/Ethaan/vuexpresso

另两个支持GraphQL的样板工程是Friendly Vue Starter,它还主要包括通过Critical提取的关键路径CSS。

举报/反馈

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务