美文网首页
5个Vue.js项目的令人敬畏的模板

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

作者: 前端一菜鸟 | 来源:发表于2019-04-14 11:14 被阅读0次

开发人员查看使用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)。

该项目已经考虑到确保您的部署项目从一开始就具有惊人的用户体验,

相关文章

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

    开发人员查看使用SPA,Webpack,身份验证,GraphQL,文档和测试的Vue开发人员的资源。 你准备开始一...

  • 学习笔记(十七)Vue.js源码剖析 - 模板编译和组件化

    Vue.js 源码剖析 - 模板编译和组件化 模板编译简介 模板编译主要目的是将模板(template)转换为渲染...

  • Vue 入门2 基础篇

    [TOC] Vue.js 基础部分包括 Vue.js的组成 (template, script,style) 模板...

  • Vue.js 指令与事件

    指令(Directives)是 Vue.js 模板中最常用的一项功能,它带有前缀v-,在前文我们已经使用过不少指令...

  • Vue.js模板语法

    Vue.js模板语法 Vue.js使用了基于HTML的模板语法,允许开发者声明式地将DOM绑定至底层Vue实例的教...

  • 用 Vue.js 做代办事宜列表

    前提条件 Vue.js 介绍 Vue.js 模板语法 Vue.js 组件 概要 类型:实践难度:中等 任务描述 做...

  • Vue实战1-环境搭建

    初始化项目 这里我们使用vue-cli来自动生成vue.js项目的模板。 安装Node.js 用npm安装vue-...

  • vue.js总结

    django模板语言与vue.js冲突问题 方法1: 修改vue.js绑定符`Vue.config.delimit...

  • Vue基础(二)--模板和过滤器

    模板 1.简介 Vue.js使用基于HTML的模板语法,可以将DOM绑定到Vue实例中的数据模板就是{{}},用来...

  • 4. 条件渲染指令

    指令(Directives)是Vue.js模板中最常用的一项功能,它带有前缀v-,它绑定一个表达式,并将一些特性应...

网友评论

      本文标题:5个Vue.js项目的令人敬畏的模板

      本文链接:https://www.haomeiwen.com/subject/pezrwqtx.html