Vue常用插件总结

Vue常用插件总结

一、UI组件及框架



    element - 饿了么出品的Vue2的web UI工具套件

    mint-ui - Vue 2的移动UI元素

    iview - 基于 Vuejs 的开源 UI 组件库

    Keen-UI - 轻量级的基本UI组件合集

    vue-material - 通过Vue Material和Vue 2建立精美的app应用

    muse-ui - 三端样式一致的响应式 UI 库

    vuetify - 为移动而生的Vue JS 2组件框架

    vonic - 快速构建移动端单页应用

    vue-blu - 帮助你轻松创建web应用

    vue-multiselect - Vue.js选择框解决方案

    VueCircleMenu - 漂亮的vue圆环菜单

    vue-chat - vuejs和vuex及webpack的聊天示例

    radon-ui - 快速开发产品的Vue组件库

    vue-waterfall - Vue.js的瀑布布局组件

    vue-carbon - 基于 vue 开发MD风格的移动端

    vue-beauty - 由vue和ant design创建的优美UI组件

    bootstrap-vue - 应用于Vuejs2的Twitter的Bootstrap 4组件

    vueAdmin - 基于vuejs2和element的简单的管理员模板

    vue-ztree - 用 vue 写的树层级组件

    vue-tree - vue树视图组件

    vue-tabs - 多tab页轻型框架

二、滚动scroll组件



    vue-scroller - Vonic UI的功能性组件

    vue-mugen-scroll - 无限滚动组件

    vue-infinite-loading - VueJS的无限滚动插件

    vue-virtual-scroller - 带任意数目数据的顺畅的滚动

    vue-infinite-scroll - VueJS的无限滚动指令

    vue-scrollbar - 最简单的滚动区域组件

    vue-scroll - vue滚动

    vue-pull-to-refresh - Vue2的上拉下拉

    mint-loadmore - VueJS的双向下拉刷新组件

    vue-smoothscroll - smoothscroll的VueJS版本

三、slider组件



    vue-awesome-swiper - vue.js触摸滑动组件

    vue-slick - 实现流畅轮播框的vue组件

    vue-swipe - VueJS触摸滑块

    vue-swiper - 易于使用的滑块组件

    vue-images - 显示一组图片的lightbox组件

    vue-carousel-3d - VueJS的3D轮播组件

    vue-slide - vue轻量级滑动组件

    vue-slider - vue 滑动组件

    vue-m-carousel - vue 移动端轮播组件

    dd-vue-component - 订单来了的公共组件库

    vue-easy-slider - Vue 2.x的滑块组件

四、编辑器



    markcook - 好看的markdown编辑器

    eme - 优雅的Markdown编辑器

    vue-syntax-highlight - Sublime Text语法高亮

    vue-quill-editor - 基于Quill适用于Vue2的富文本编辑器

    Vueditor - 所见即所得的编辑器

    vue-html5-editor - html5所见即所得编辑器

    vue2-editor - HTML编辑器

    vue-simplemde - VueJS的Markdown编辑器组件

    vue-quill - vue组件构建quill编辑器

五、图表



    vue-table - 简化数据表格

    vue-chartjs - vue中的Chartjs的封装

    vue-charts - 轻松渲染一个图表

    vue-chart - 强大的高速的vue图表解析

    vue-highcharts - HighCharts组件

    chartjs - Vue Bulma的chartjs组件

    vue-chartkick - VueJS一行代码实现优美图表

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在IDEA中,有一些很好用的插件可以帮助开发Vue项目。其中,一个非常常用插件Vue.js插件。这个插件可以让你在IDEA中更方便地开发和调试Vue应用程序。通过安装Vue.js插件,你可以享受到语法高亮、代码自动完成、错误检查等功能,大大提高开发效率。 另外一个有用的插件是ESLint插件。这个插件可以帮助你在开发Vue应用程序时进行代码风格和质量的检查。它会根据一些预设的规则来检查你的代码,并给出相应的警告或错误提示。通过使用ESLint插件,你可以确保你的代码符合统一的规范,提高代码的质量和可维护性。 还有一个插件是Frontend Toolkit插件。这个插件主要用于编写前端JS代码。它提供了一些有用的功能,比如代码高亮、自动补全、代码格式化等。如果你在做Java开发的同时也需要写一些前端代码,但又不想切换到其他编辑器,Frontend Toolkit插件就可以满足你的需求,让你在IDEA中轻松编写前端代码。 总结一下,IDEA中有一些非常好用的插件可以辅助Vue开发,其中包括Vue.js插件、ESLint插件和Frontend Toolkit插件。这些插件都提供了一些有用的功能,可以大大提高你的开发效率和代码质量。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [IDEA安装vue插件图文详解](https://download.csdn.net/download/weixin_38590567/14830044)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [idea中vue插件](https://blog.csdn.net/s_sos0/article/details/121711128)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [IDEA常用插件(持续更新中......)](https://blog.csdn.net/qq_35529931/article/details/128173365)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值