10 个实用的 Vue.js 工具和库.txt2020年06月26日21时46分37秒

作者: 发表时间:2020-06-26 19:37:52 浏览人数:742

如今,Vue越来越流行,Vue.js公司工具也随处可见。这种现象并非空穴来风:Vue的学习曲线友好,其功能驱动的结构清晰易懂,其文档易学,因此新手很容易入门,有经验的开发人员可以快速从其他框架(如react或angular)切换。

只要你认真对待Vue的开发工作,你就会逐渐发现许多的基本工具和库。这些工具将点亮你的Vue开发生涯,给你一个专业的氛围。

本文总结了一些最有趣的工具和库,这些工具和库迟早会在您自己的系统中使用Vue.js公司在项目中。类似的文章通常只列出一些UI组件库,但本文涉及的范围更广,并讨论了Vue生态系统中的一系列工具、库和插件。

我的选择是基于实用性、有效性和独特性的原则,而不是他们的GitHub受欢迎程度或星级。

现在似乎每个JavaScript应用程序框架都必须使用某种CLI工具,Vue也不例外。Vue cli是为快节奏Vue开发的全功能工具。除了通用的项目框架外,它还具有方便的即时原型功能,因此您可以在不创建完整项目的情况下尝试新的想法。

Vue cli直接支持各种主流的web开发工具和技术,如Babel、typescript、eslint、postcss、PWA、jest、mocha、cypress和nightwatch。这主要是由于其可扩展的插件系统。这意味着社区可以构建和共享可重用的插件来满足共同的需求。

Vue cli强大的GUI(与cli一起提供的Vue UI)添加到了图片中。有了它的帮助,您可以轻松地创建、直接配置和管理项目。

Vuepress是Vue生态系统中的另一个重头戏。它是一个基于Vue的静态站点生成器,最初用于编写技术文档。现在它已经发展成为一个小型,紧凑和强大的无头CMS。从版本1开始。十、 它提供了的博客功能和强大的插件系统。它有一个默认主题(用于技术文档),但您也可以在社区中构建自定义主题或使用预制主题。

在vuepress中,使用markdown编写内容,然后将其转换为预呈现的静态HTML文件。加载这些文件后,您的站点将成为Vue、Vue路由器和webpack支持的单页应用程序。

vuepress的好处之一是可以在标记文件中包含Vue代码或组件,这带来了强大的功能和灵活性。您可以像开发普通Vue应用程序一样开发网站,并充分利用Vue应用程序的优势。

您负责以降价、JSON、yaml或CVs数据格式提供内容,或者从CMS(如WordPress或Drupal)导入内容。内容转换为graphql层,负责集中的数据管理。然后根据这些数据使用Vue构建应用程序。将预呈现的HTML文件部署到静态web主机或CDN,如netlifly、Amazon S3现在.sh, 浪涌.sh等待。Gridhome提供了开箱即用的更佳实践,如代码分割、优化资产、渐进式图像和链接预取。因此,gridsomes使用起来很快,具有完美的PWA支持和seo友好性。

开发人员在构建web应用程序时面临的一个大问题是状态管理。为了解决这个问题,Vue提供了一个状态管理系统vuex。它负责集中存储应用程序中的所有组件,确保状态只能以可预测的方式更改。存储区域是一个特殊的对象,它分为四个部分:

State—存储应用程序数据的对象。Getter—包含用于抽象状态访问的方法的对象。变异-包含直接影响状态的方法的对象。Action—包含用于触发突变和执行异步代码的方法的对象。存储区域也可以划分为多个模块,以提高可维护性。

Nuxt是一种常用的服务器端呈现(SSR)方法。此框架简单直观,可用于构建各种应用程序。它也是模块化的,因此只能使用应用程序所需的模块。

您可以使用nuxt创建服务器端呈现应用程序(SSR)、单页应用程序(SPA)、渐进式Web应用程序(PWA)或仅作为静态站点生成器。

Vuetify是更好的UI组件库之一。它根据材料设计规范提供了大量精心制作的组件(80+),足以满足任何应用的需要。

您可以使用它来构建SSR应用程序、spa、PWA和移动应用程序。您可以创建新应用或将其添加到现有应用。它有免费和付费的主题,你可以建立自己的。它还提供了一个系统,允许您只选择要使用的组件,从而大大减少了应用程序的最终大小。

Quasar是Java“一次编写,到处运行”理念的JavaScript版本。它是一个通用的、基于Vue的框架,允许您使用相同的代码基为不同的平台编写应用程序。Spa、PWA、SSR应用、混合移动应用或多平台桌面应用,您可以选择!

它带有的文档和大量的性能和响应组件。Quasar提供了许多更佳实践(HTML/CSS/JS压缩、缓存清理、树共享、源映射、代码分段和延迟加载、ES6转换、代码链接、可访问性等),因此您可以专注于应用程序的功能实现。它还提供了一个用于轻松构建新项目的cli工具。

Storybook提供了大量的附加组件和灵活的API,您可以根据需要自定义Storybook。您还可以导出为静态web应用程序并将项目部署到HTTP服务器。

最近有很多关于graphql的讨论。如果你熟悉它并想将其集成到Vue中,你可以尝试Vue Apollo。这个库是Vue和graphql/Apollo之间的一座桥梁,使用起来非常流畅和愉快。

鹰.js它是一个强大,灵活和独特的幻灯片系统与Vue建立。您可以在演示文稿中创建可重用的组件、幻灯片和样式。它还支持动画、主题和交互式小部件,使其成为web演示内容的理想选择。鹰.js有一个简单且可调整的API,因此您可以自由制作所需的幻灯片。

此库最方便的功能之一是将幻灯片放在单个文件中,然后可以在其他幻灯片中重复使用。您还可以将幻灯片从特定演示文稿导入到其他文档中。借助这些强大的工具,您可以制作复杂、交互式和有吸引力的演示文稿。

Vue devtools是调试Vue和vuex应用程序的一个很好的浏览器扩展。( https://github.com/vuejs/vue-devtools网站)Vue测试实用程序是一组用于测试Vue组件的易于使用的工具。( https://github.com/vuejs/vue-test-utils)Vue路由器是Vue的官方路由器。( https://github.com/vuejs/vue-路由器)Vue native是一个用于移动应用程序的JavaScript框架,类似于react native。( https://vue-native.io/)Weex是一个使用现代web技术(包括Vue)构建移动应用程序的框架。( https://weex.apache.org/)摘要

现在有了这么多工具,您可以构建一些精彩的项目:网站、应用程序、库、插件还有很多事情要做。做一些的作品!

我的个人知识和知识自然是有限的。我可能会错过一些的工具和库,所以请在评论中推荐一些的产品。

统计 字数: 2979 汗字: 2184 数字:23 大写字母:25 小写字母:367 符号:380 总字节数:5163 共:55行2020年06月26日21时46分37秒

Top
RELATEED CONSULTING相关咨询
选择下列产品马上在线沟通
服务时间:9:00-19:00
你可能遇到了下面的问题