前端常用组件库
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页面自动检测并格式化