最全的 Vue 官方生态整理,看看你是不是都知道?

本文首发于公众号「小李的前端小屋」,欢迎关注~

按照尤雨溪之前的官宣,Vue 3 已经在 2022 年 2 月 7 日成为新的默认版本

官宣全文:gist.github.com/yyx990803/b…

其中有一部分关于仓库的迁移浏览器的历史记录在哪vuejs 组织下的所有 GitHub 仓库将把默认分支切换到 Vue 3 对应的版本。 此外,还伴测试抑郁程度的问卷随着 Vue 周边生态仓库的重命名。

今天,咱们来整理下最新的 Vue 相关的官方生态都有哪些,考察你是vuejs设计与实现电子版不是都听过或用过?

⬇️

⬇️

首先,是众所周知的 Vvuejs设计与实现ue 全家测试用例桶:Vue 框架 + 路由 + 状态管理。

Vue

vuejs/vue

Vue2 的代码仓库

vuejs/core

Vue3 的代码仓库

路由 Router

vuejs/vue-router

Vue2 的官方浏览器怎么打开网站前端路由解决方案

vuejs/router

Vue3 的官方前端路由解决方案

状态测试智商管理 Sta浏览器的历史记录在哪te Management

Vuex

Vue 官方的状态管理器,分别在 v3 和 vvuejs和vue的区别4 两个大版测试用例本支持 Vue2 和 Vue3。

Pinia

又一个官方的 VuESLinte 状态管理器,比 V浏览器历史上的痕迹在哪里uex 更轻量,基于 Vue 的组合式 API(composition API),同时支持 Vue2 和 3,被认为是下一代的 Vuex。


⬇️

⬇️

由于 Vue3 引入了 Hook 的概念,这边也介绍下与 Hook 有关的:

Hook

vue/composition-api

用于提供组合式 API(c测试抑郁症omposition API)的 Vue 2 插件。能在 Vue2 项目中使用 Vue3 的部分 API,帮助项目顺利迁移过渡到 Vue3。

vueuse

能够用于 Vue 2 和 Vue 3 项目的组合式 API(composition API)实用 utils 工具集合。有 useMouse、github开放私库useScroll 等上百种 hook 函数。据说目前的 Vuer,vueu浏览器的历史记录在哪se 是除了 lodash 以外必装的工集。

vue-demi

Vue Demi (demi 在法语中有的含义)是一个给开发 Vue 第三方包的开发者使用库,支持你开发出同时支持 Vue2 和 3 的通用 Vu浏览器的历史e 库。vueusevuelidatevue-echarts 都使用了该工具。


⬇️

⬇️

接下来看看 Vue 项目工程化相关:

构建工具 Build测试抑郁程度的问卷 Tool

Vite

Vite(法语单词,表示“快速”,发音为/vit/,就像“veet”),被称为下一代前端开发与构建工具,极大地改善了前端的开发体验。特点就是快!

脚手架 Scaffold

c测试智商reate-vue

快速搭建基于 Vite 的 Vue 项目的官方脚手架,只需执行命令npmgithub下载 init vue@3

vue-cli

快速搭建基于 webpack 的 Vue 项目的开发者工具,目前官方更推荐使用 create-vue

编辑器 Editor

Vetur

官方的 VSCod浏览器历史记录设置e Vue 工具扩展,包括语法高亮,代码片段(snippet),Lint 校验,代码格式化等特性。Vue 开发者必装。

eslint-plu浏览器历史上的痕迹在哪里gin-vue

Vue 官方的 ESLint 插件。

vue-eslint-parser

自定义浏览器哪个好 ESLint 解析 .vue 单文件的解析器。

浏览器的历史记录在哪试套件 Devtools

Dev浏览器的历史记录在哪tools

用于调试 Vue.js 项目的浏览器 devtools 扩展插件。

测试 Test

Test Utils

服务于 Vue 3 的组件测试工具集。

vue-jest

Vue 单文件组件的 Jest 转换器。

构建 Build

vue-loader

是 web浏览器网站删除了怎么恢复pack 的一个 loader,允许你用单文件组件(sfc)的格式创建 Vue 组件并打包。浏览器扫一扫在哪里

babel-pluginGitHub-jsx

Vue 3 的 Babel JSX 插件。以 JSX 的方式github开放私库来编写 Vuegithub打不开 代码。

rollup-plugin-vue

使用 rollup 构建 Vue 单文件的插件,已经不再维护,推荐使用 Vite 及 @vitejsgithub是干什么的/plugin-vvuejs全部课程ue。


⬇️

⬇️

除了项目开发相关,还有一些其他的官方仓库:

站点生成 Static Site Generator

Vuepress

基于 Vue 的,极简的静态站点生成器。通常用于生成个人博客文档站点。

Vitepress

基于 Vugithub下载e 和 Vite 的静态站点生成器。是 VuePress 的 vite 版本。

优质内容收录 Collection

Awesome Vue

收录了很多与 Vue 相关的一切优质内容。包括面试题,课程,开源项目,UI 库,第三方包,工测试具集,开发者工具等。

如有遗漏,欢迎评论留言补充。

❤️支持

如果本文对你有帮助,点赞支持下我吧,你的「赞」是我创作的动力。

关于我,目前是字节跳动一线开发,工作四年半,工作中使用 React测试仪,业余时间开发喜欢 Vue。

平时会不定期对前端的工作思考与实践进行深度分享和总结,公众号「小李的前端小屋」,感谢关注~

发表评论

提供最优质的资源集合

立即查看 了解详情