四时宝库

程序员的知识宝库

前端学习:vue工具链(生态)以及部分优秀的组件库分享,收藏

官方工具链:

路由:vue-router

状态管理:vuex

构建工具脚手架:vue-cli(@vue/cli)

开发者工具:vue-devtools

IDE支持:VSCode + Vetur

静态检查:ESLint + eslint-plugin-vue

单元测试:Jest + vue-jest + vue-test-utils

文档/静态站生成:VuePress

优秀的组件库

Vuetify

基于Material Design,功能完整强大,桌面 + 移动

支持 SSR

https://vuetifyjs.com/zh-Hans/getting-started/quick-start

Element-UI

知名国产组件库,来自饿了么前端团队

只支持桌面端应用

有现成的控制后台模板

https://element.eleme.cn/#/zh-CN/component/installation

iView

另一个知名国产库,来自TalkingData 前端团队

主要支持桌面端,但也有小程序整合

有现成的控制后台模板

https://www.iviewui.com/docs/guide/install

Quasar

不仅仅是组件库的全平台解决方案

桌面端SPA/SSR + 移动端 PWA/Hybrid + 桌面端 Electron

http://www.quasarchs.com/components/

上层框架

Nuxt.js

开箱即用的SSR封装

也支持SPA/静态生成模式

https://zh.nuxtjs.org/guide/installation

移动端方案(H5/HyBrid)

Vant 来自有赞的纯移动端web组件库

https://youzan.github.io/vant/#/zh-CN/intro

Vux 基于微信UI风格的移动端web组件库

https://doc.vux.li/zh-CN/

Onsen UI

来自日本,基于custom elements 支持多个上层框架的Hybrid移动方案

https://onsen.io/v2/guide/vue/

Ionic 4

知名Hybrid移动方案,原本只支持Angular4.0 开始通过原生custom elements 支持Vue

https://ionicframework.com/docs

移动端方案(Native)

Weex

来自阿里,现为Apache基金会项目

在阿里内部广泛使用,经受考验

https://weex.apache.org/zh/guide/introduction.html#%E6%A6%82%E8%BF%B0

NativeScript

文档多为英文

https://docs.nativescript.org/vuejs/nativescript-vuejs?_ga=2.153702328.1601922667.1561381322-1919892602.1561381322

Uni-app

国产的Vue跨端方案,来自DCloud

同一套代码编译到iOS,Android,H5 + 多种小程序

https://uniapp.dcloud.io/

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接