vue的一家

前言

昨天因为写​​GitHub上的项目体验第二期——mall-admin-web​​的时候有一些后端的地方不太清楚，于是给自己扫了一下盲。写了一篇​​后端技术栈科普——springboot一家​​。在写的过程中，我就想到了vue的一家。下面重新认识vue的一家。

下面我从官网以及GitHub上的star上找vue的一家人。

在官网上找了：vue、vue router、vuex、vue ssr、vue CLI、vue loader、vue devtools、vue 相关的包、vue的资源；

然后根据vue 相关的包看自己眼熟的包；

然后在vue的资源中找例子；

最后还有官方的GitHub中找例子；

文章目录

  • ​​vue的一家​​
  • ​​前言​​
  • ​​官网​​
  • ​​核心插件​​
  • ​​工具​​
  • ​​资源​​
  • ​​vue相关的包​​
  • ​​storybook​​
  • ​​element-ui​​
  • ​​vuetify​​
  • ​​quasar​​
  • ​​framework7​​
  • ​​vuedraggable​​
  • ​​bootstrap-vue​​
  • ​​ant-design-vue​​
  • ​​vue的资源​​
  • ​​vite​​
  • ​​vue-awesome-swiper​​
  • ​​vue-echarts​​
  • ​​vue-select​​
  • ​​vue-table​​
  • ​​vue-wait​​
  • ​​vue-axios​​
  • ​​vue-pdf​​
  • ​​vuepress​​
  • ​​vetur​​
  • ​​vue 3​​
  • ​​vue-next​​
  • ​​docs-next​​
  • ​​docs-next-zh-cn​​
  • ​​vue-router-next​​
  • ​​vue-test-utils-next​​
  • ​​jsx-next​​
  • ​​总结​​

官网

项目：vue

说明：web框架

官网：https://cn.vuejs.org/index.html

官网介绍：渐进式 JavaScript 框架

vue的一家_vue.js

核心插件

项目：​​Vue Router​​

说明：vue路由

官网：https://router.vuejs.org/zh/

官网介绍：Vue Router 是 ​​Vue.js​​ 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。

vue的一家_vue_02

项目：​​Vuex​​

说明：状态管理模式

官网：https://vuex.vuejs.org/zh/

官网介绍：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

vue的一家_web_03

项目：​​Vue SSR 指南​​

说明：Vue.js 服务器端渲染指南

官网：https://ssr.vuejs.org/zh/

官网介绍：在服务器中就把vue转换为HTML静态文件；

vue的一家_github_04

工具

项目：​​Vue CLI​​

说明：vue的脚手架

官网：https://cli.vuejs.org/zh/

官网介绍： Vue.js 开发的标准工具

vue的一家_web_05

项目：​​Vue Loader​​

说明：让vue可以按照单文件组件的方式撰写组件

官网：https://vue-loader.vuejs.org/zh

官网介绍：Vue Loader 是一个 ​​webpack​​​ 的 loader，它允许你以一种名为​​单文件组件 (SFCs)​​的格式撰写 Vue 组件

vue的一家_官网_06

项目：​​vue-devtools​​

说明：vue的调试工具

官网：https://github.com/vuejs/vue-devtools

官网介绍：浏览器devtools扩展，用于调试Vue.js应用程序。

vue的一家_web_07

资源

项目：Awesome Vue packages

说明：vue相关的插件

官网：https://awesomejs.dev/for/vue/

vue的一家_github_08

项目：​​awesome-vue​​

说明：vue的资源

官网：https://github.com/vuejs/awesome-vue

官网介绍：🎉 与Vue.js相关的精彩清单

vue的一家_vue_09

vue相关的包

storybook

官网：https://awesomejs.dev/for/vue/pkg/245665495836000768/

vue的一家_web_10

说明：Story Book for Vue是Vue组件的UI开发环境。借助它，您可以可视化UI组件的不同状态并进行交互开发。

element-ui

网站：https://awesomejs.dev/for/vue/pkg/245042896667935232/

vue的一家_vue.js_11

说明：适用于Web的Vue.js 2.0 UI工具包。

vuetify

网站：https://awesomejs.dev/for/vue/pkg/245044318646043136/

vue的一家_web_12

说明：Material Component Framework for Vue

quasar

网站：https://awesomejs.dev/for/vue/pkg/245043629310083584/

vue的一家_web_13

framework7

网站：https://awesomejs.dev/for/vue/pkg/245043324947268096/

vue的一家_vue.js_14

作用：用于构建iOS和Android应用程序的全功能移动HTML框架

vuedraggable

网站：https://awesomejs.dev/for/vue/pkg/262155979166056971/

vue的一家_web_15

作用：可拖拽

bootstrap-vue

​​https://awesomejs.dev/for/vue/pkg/262155979166056971/​​

vue的一家_vue.js_16

ant-design-vue

​​https://awesomejs.dev/for/vue/pkg/246691595101929993/​​

vue的一家_官网_17

vue的资源

空有宝山，却没有挖掘他的能力。

vite

​​https://awesomejs.dev/for/vue/pkg/264773977646301696/​​

vue的一家_web_18

vite 主要特色是基于浏览器原生的 ES Module 来开发，从而实现按需编译，也就没有打包这个概念

vue-awesome-swiper

滑动组件

​​https://awesomejs.dev/for/vue/pkg/258193116060713482/​​

vue的一家_vue_19

vue-echarts

​​https://awesomejs.dev/for/vue/pkg/245911438880670217/​​

vue的一家_web_20

vue-select

​​https://awesomejs.dev/for/vue/pkg/265299284346274315/​​

vue的一家_vue_21

vue-table

​​https://awesomejs.dev/for/vue/pkg/254637146160235018/​​

vue的一家_web_22

vue-wait

​​https://awesomejs.dev/for/vue/pkg/245715866531922432/​​

vue的一家_web_23

vue-axios

​​https://awesomejs.dev/for/vue/pkg/254636924288893449/​​

vue的一家_web_24

vue-pdf

​​https://awesomejs.dev/for/vue/pkg/267110214285656588/​​

vue的一家_官网_25

​​vuepress​​

​​vetur​​

vue 3

​​vue-next​​

​​docs-next​​

​​docs-next-zh-cn​​

​​vue-router-next​​

​​vue-test-utils-next​​

​​jsx-next​​

总结

以后找vue相关的资源在​​vuejs​​​和​​awesome-vue​​中找，可以找到许多大多数人用的库。

不过里面许多是英文项目，可能上手会有一些晦涩。

下回重新归类。

按照vuejs写的、组件例子、功能插件、综合实例四个部分归类。少而精。太多了，有些用不着。多看看精品，模仿学习。

未完待续。

更新地址：​​GitHub​​

更多内容请关注：​​​GitHub​​