前端提效组件,工具,插件

560 阅读2分钟

前端常用组件库

1、vxe-table

一个基于Vue的表格框架,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、模态窗口、自定义模板、渲染器、贼灵活的配置项、扩展接口等。

2、Vuelidate

一个支持 vue3和2的简单但功能强大的轻量级基于模型的验证库。

3、 Animate.css

一个现成的、跨浏览器的动画库,可以在你的web项目中使用。用于强调、主页、滑动条和注意力引导提示非常好。

4、vueuse

一个基于Composition API的实用函数集合。

5、lodash.js

一个一致性、模块化、高性能的 JavaScript 实用工具库

6、echarts

一个基于 JavaScript 的开源可视化图表库;也可以查看antv的g2和g6

7、vue-qr

二维码生成器,可以生成任何形式的二维码包括设置颜色,背景等

8、swiper

  • Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。
  • Swiper能实现触屏焦点图、触屏Tab切换、触屏轮播图切换等常用效果。

9、vue-cropper

vue-cropper一个优雅的图片裁剪插件

10、vue-lazyload

vue-lazyload图片懒加载,不会和其它Vue组件库冲突,且功能更多

前端必备的 VSCode 插件

1、Vue Language Features (Volar)

不仅支持 Vue3 语言高亮、语法检测,还支持 TypeScript 和基于 vue-tsc 的类型检查功能。

2、Tailwind CSS IntelliSense

为VSCode用户提供自动补全、语法高亮显示和linting等高级功能,Tailwind CSS智能感知增强了Tailwind的开发体验。

3、Prettier

Prettier 是目前 Web 开发中最受欢迎的代码格式化程序。安装后,它就能够自动应用Prettier,并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。如果你还想使用 ESLint,那么还有个 Prettier – Eslint 插件。

4、Git History

查看git的分支管理、提交记录等

5、vscode-icons 或 Material Icon Theme

设置文件图标主题,可以很清楚看到文件对应的图标。

6、Auto Rename Tag 和 Auto Rename Tag

  • 自动闭合HTML/XML标签
  • 自动完成另一侧标签的同步修改

常用的三方工具

1、tinify

在线图片压缩

2、json2ts

在线 js 转 ts

3、FeHelper

JSON页面自动检测并格式化