十款热门的Vue.js工具和库

文章插图
众所周知,Vue目前越来越热门,被很多开发人员采用,因此其生态也越来越完善,相关的工具和库也很丰富 。这主要得益于:Vue的学习曲线,清晰的设计结构和使用文档,让有经验的开发人员从其他框架(React和Angular)很方便的入手 。今天的这篇文章笔者从这些工具的实用性、有效性、独特性选了这十款工具和库,而不是依据Github受欢迎程度或星级,有些你已经很熟悉了并在使用,有些还比较陌生,好了,让我来一起看下这十款热门的工具和库 。
1、Vue CLI

文章插图
和其他前端框架一样,为了方便开发者快速上手,都提供CLI类似的脚手架工具 。Vue CLI是一套功能齐全的工具,可用于快速Vue开发 。Vue CLI 致力于将 Vue 生态中的工具基础标准化 。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题 。比如你能在项目中很轻松的集成类似Babel,TypeScript,ESLint,Postcss,PWA,Jest,Mocha,Cypress和Nightwatch等这些插件 。
2、VuePress

文章插图
VuePress是以Vue驱动的静态网站生成器,是一个由Vue、Vue Router和webpack驱动的单页应用 。在VuePress中,你可以使用Markdown编写文档,然后生成网页,每一个由VuePress生成的页面都带有预渲染好的html,也因此具有非常好的加载性能和搜索引擎优化 。同时,一旦页面被加载,Vue将接管这些静态内容,并将其转换成一个完整的单页应用,其他的页面则会只在用户浏览到的时候才按需加载 。
官方地址:https://v1.vuepress.vuejs.org/
3、Gridsome

文章插图
【十款热门的Vue.js工具和库】
Gridsome类似VuePress,但不完全相同,它也是使用开发人员喜爱的最新网络技术工具构建网站 - Vue.js,GraphQL和Webpack 。获得热重新加载和Node.js的所有功能 。Gridsome让搭建筑网站再次变得有趣 。如果你想建个博客站,可以考虑下 。其特点如下:
- 使用Vue.js,webpack和Node.js等现代工具构建网站 。
- 使用任何CMS或数据源获取内容 。从wordPress/ target=_blank class=infotextkey>WordPress,Contentful,本地Markdown或任何其他无头CMS或API中提取数据 。
- 首先只加载关键的HTML,CSS和JAVAScript 。然后预取下一页,以便用户可以非常快速地点击,而无需重新加载页面,即使在离线时也是如此 。
- Gridsome使用超快速静态站点生成器,JavaScript和API的强大功能来创建令人惊叹的动态Web体验 。
- Gridsome站点通常不连接到任何数据库,并且可以完全托管在全局CDN上 。它可以处理数千到数百万次点击,并且不需要昂贵的服务器成本 。
4、Vuex

文章插图
在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理,个人的理解是全局状态管理更合适;简单的理解就是你在state中定义了一个数据之后,你可以在所在项目中的任何一个组件里进行获取、进行修改,并且你的修改可以得到全局的响应变更 。每一个 Vuex 应用的核心就是 store(仓库) 。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state) 。store包含四个部分:
- state – 应用的数据内容对象
- getters – 定义相关方法获取state中的数据
- mutations – 定义的相关方法操作state中的数据
- actions – Action 类似于 mutation,不同在于:Action 提交的是 mutation,而不是直接变更状态;Action 可以包含任意异步操作 。
5、 Nuxt

文章插图
Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用,也可充当静态站点引擎生成静态站点应用,具有优雅的代码结构分层和热加载等特性 。
其官方地址:https://nuxtjs.org/
6、Vuetify

文章插图
Vuetify目前是基于vue的最好的UI组件库之一 。它提供了大量基于Material Design规范精心制作的组件(80+),足以满足任何应用程序的需求 。
推荐阅读
- 张爱玲与胡兰成婚书的内容 胡兰成张爱玲爱情经典语录
- 梦见早已死去的同村人和我说话 梦见和死去的村里人说话
- 失踪的总统 失踪的国王
- 百度站点logo的开启方式
- 冬天喝什么茶最好 五款适合冬季喝的茶推荐给你
- 成都最有逼格的八家茶馆 你泡过几家
- 微信小程序推广引流的平台有哪些?
- 茶的传说庐山云雾茶
- stream模块 Nginx基于TCP/UDP端口的四层负载均衡配置梳理
- 突然火起来的“私域流量”,怎么玩?