无论是开发新手还是经验丰富的老手, 我们都喜欢开源软件包. 对于开发者来说, 如果没有这些开源软件包, 很难想象我们的生活会变得多么疲惫不堪, 而且靠咖啡度日也会成为家常便饭. 所幸的是, 随着 vue.js 和 Nuxt.JS 社区的不断壮大, 每天都会出现一些很好的软件包.
在下文中, 我们将推荐一些非常好用的 vue 和 Nuxt 软件包.
Vue.JS
Vue.JS 是一个非常易用的渐进式 JavaScript 框架, 用于构建用户界面.
1.Vue Dark Mode
Vue.JS 的一个极简主义的深色设计系统. 它提供了基本组件, 用于构建失眠者最喜欢的深色界面.
地址: https://github.com/LeCoupa/vuedarkmode
2.Vetur
VS Code 的 Vue 工具. 如果你是 Vue.JS 超级用户, 必须尝试一下!
地址: https://github.com/vuejs/vetur
3.Vue VS Code Snippets
这些片段很棒, 从我开始学习 Vue.JS 时就一直在用它.
地址: https://github.com/sdras/vue-vscode-snippets
4.Bootstrap-Vue
提供了最全面的 Bootstrap V4 实现.
地址: https://bootstrap-vue.js.org/
5.Vue Native
你是 React Native 的粉丝吗? 就像 React Native 一样, Vue Native 框架允许你使用 JavaScript 来构建跨平台的原生移动应用程序.
地址: https://vue-native.io/
6.NativeScript Vue
如果你更喜欢 NativeScript, 这个包可以帮助你使用 NativeScript 和 Vue.JS 构建原生移动应用程序.
地址:
7.Vue Content Placeholders
在获取真实内容时, 可以使用这些可组合组件渲染虚假的渐进式内容.
地址:
8.Vue Autosuggest
一个很棒的 Vue.JS 自动提示组件.
地址: https://github.com/Educents/vue-autosuggest
9.Vue Clipboard
一个简单的 Vue.JS 包, 允许用户将文本复制到基于 clipboard.JS https://clipboardjs.com/ 的剪贴板.
地址: https://vue-clipboard2.inndy.tw/
10.Vue Clickaway
一种可重复使用的点击指令, 可检测并响应元素外部的点击动作. 当我们需要关闭模态窗口或隐藏下拉列表时会非常方便.
地址: https://github.com/simplesmiler/vue-clickaway
11.Vue Waypoint
Vue.JS 的 v-waypoint 指令, 用于在滚动时触发函数. 当你想要在滚动时触发动画, 它就可以派上用场.
地址: https://github.com/scaccogatto/vue-waypoint
12.Vue Virtual Scroller
用于 Vue.JS 应用程序的快速无限制滚动.
地址: https://github.com/Akryum/vue-virtual-scroller
13.Vue Slideout
Slideout.JS 的 Vue.JS 实现.
地址: https://github.com/vouill/vue-slideout
14.Vue Swing
它是 Swing https://github.com/gajus/swing 的 vue.JS 包装器, 一个卡片形式的界面 (swipe-left 对应是, swipe-right 对应否).
地址: https://github.com/goweiwen/vue-swing
15.Vue Quill Editor
Vue.JS 的 Quill 编辑器, 支持 SPA 和 SSR.
地址: https://github.com/surmon-china/vue-quill-editor
16.Vue Stripe Checkout
用于 Stripe 结帐的 Vue.JS 插件.
地址: https://github.com/jofftiquez/vue-stripe-checkout
17.Vue Cleave Component
Cleave.JS 的 Vue.JS 组件, 用于在输入时格式化输入内容 (信用卡格式, 日期等).
地址: https://github.com/ankurk91/vue-cleave-component
18.Vuelidate
进行基于模型的验证, 实现表单验证现在变得轻而易举.
地址: https://github.com/monterail/vuelidate
19.Vue.JS Datepicker
一个简单的 Vue.JS 日期选择器组件.
地址: https://github.com/charliekassel/vuejs-datepicker
20.Vue Moment
想要在 Vue.JS 应用程序中使用 Moment.JS? 你需要这个包.
地址: https://github.com/brockpetrie/vue-moment
21.Vue Numeric
Vue.JS 输入字段组件, 用于显示格式化的货币值.
地址: https://github.com/kevinongko/vue-numeric
22.Vue Slider Component
这里面的 10 种滑块组件都使用 Vue.JS 开发.
地址:
23.Vue.Draggable
Vue.JS 组件, 基于 Sortable.JS 进行同步的拖放排序.
地址: https://github.com/SortableJS/Vue.Draggable
24.Vue Draggable Resizable
Vue.JS 组件, 用于可调整大小和可拖动的元素, 没有外部依赖.
地址:
25.Vue Color
来自 Sketch,Photoshop,Chrom 的 Vue.JS 颜色选择器.
地址: https://github.com/xiaokaike/vue-color
26.Emoji Mart Vue
从 React 的 emoji-mart fork 出来的, 用于 Vue.JS 的 Slack 风格的可定制表情符号选择器组件.
地址: https://github.com/jm-david/emoji-mart-vue
27.Vue YouTube Embed
基于 Angular YouTube Embed, 允许你使用 YouTube iframe API.
地址: https://github.com/kaorun343/vue-youtube-embed
28.Vuetable-2
Vue.JS 的数据表组件.
地址: https://www.vuetable.com/
29.Vue Chartist
基于 Chartist.JS 的响应式图表.
地址: https://github.com/Yopadd/vue-chartist
30.Vue Trend
最优雅的趋势图组件.
地址: https://github.com/QingWei-Li/vue-trend
31.Epic Spinners
20 个易于使用的 CSS 调节器.
地址: https://github.com/epicmaxco/epic-spinners
32.Vue Notification
用在 Vue.JS 应用程序中的成功, 警告和错误通知. 可以放在右侧, 左侧, 底部, 顶部或中间, 任何你想要的位置!
地址: http://vue-notification.yev.io/
33.Vue Popper
一个基于 popper.JS 的 Vue.JS 弹出窗口组件.
地址: https://robinck.github.io/vue-popper/
34.Vue Countup
基于 CountUp.JS, 可用于创建显示数字数据的动画.
地址: https://github.com/xlsdg/vue-countup-v2
35.Vue No SSR
用于包装对 SSR 不友好的组件.
地址: https://github.com/egoist/vue-no-ssr
Nuxt.JS
Nuxt.JS 是一个基于 Vue.JS 构建的框架, 帮助你轻松构建服务器端渲染的应用程序.
1.Create Nuxt App
在几秒钟内创建 Nuxt.JS 项目的最简单方法.
地址: https://github.com/nuxt/create-nuxt-app
2.Nuxt SAAS 资源加载器
每次创建新文件时不需要手动导入所有的 Sass 样式, 而是让 Sass 资源加载负责这些工作.
地址:
3.Vue Dark Mode
这个库也是用 Nuxt.JS 开发的.
地址: https://github.com/LeCoupa/vuedarkmode
4.Nuxt 的 PWA 模块
用于创建渐进式 web 应用程序的最可靠, 最稳定的模块.
地址: https://pwa.nuxtjs.org/
5.Dotenv 模块
将. env 文件加载到 Nuxt.JS 应用程序上下文中.
地址: https://github.com/nuxt-community/dotenv-module
6.Nuxt.JS 的 Senty 模块
Sentry.io 是一个开源的错误跟踪器, 可以将 Sentry 添加到 Nuxt.JS 应用程序中.
地址: https://github.com/nuxt-community/sentry-module
7. Nuxt.JS 的 Google Analytics 模块
将你的 Google Analytics 帐户与 Nuxt 项目集成.
地址: https://github.com/nuxt-community/analytics-module
英文原文
来源: https://juejin.im/post/5c25f6aee51d4570c053de1f