Plugin
Lib
ui
- 表格
- xlsx excel
- SheetJS excel
Luckysheet(停止维护) => univer
- 富文本
- 日历
- 交互
- popper.js v2 floating-ui Tippy.js 创建“浮动”元素
- sortablejs sortablejs demo 拖拽
- panzoom 缩放平移
- clipboard.js 剪切
- seamless 滚动
- vue-seamless-scroll vue2滚动
- vue3-seamless-scroll vue3滚动
- 高亮 & 代码编辑 & 解析器
- 高亮
- 代码编辑
- 解析器
- marked markdown 解析器
- markdown-it
- Markdown-Tag Web Components
<md> #1 </md>
- icons
- iconify 文档 Browse Icons icones(Icon Explorer with Instant searching, powered by Iconify)
- svg4everybody svg兼容
- xicons
- css
- 动画
- UI库
- 国际化
功能
工具函数
- lodash lodash中文
- underscorejs
- qs Querystring
- ajv 数据验证
es
browser
number
性能
- web-vitals 测量真实用户的所有Web Vitals指标
date
zpl
- zpl-image
- zpl-image-2 图像转换为 Z64 编码或 ACS 编码的 GRF 位图以与 ZPL 一起使用
- jszpl 生成 ZPL
软键盘
mock数据
安全(安全性)
const newStr = str.replaceAll('<', '<').replaceAll('>', '>')
第三方工具
crypto
http
前端规范
模板库
基建
- env
- cross-env 解决跨平台环境变量问题
- dotenv 管理本地的 .env 配置文件
- dotenv-expand 扩展环境变量
- Terminal 终端
- inquirer 在终端中创建交互式提示
- enquirer 在终端中创建交互式提示
- node-draftlog 动态加载日志
- ora 终端旋转器
- cli-spinners 终端旋转器类型
- listr2 终端列表
- vue-termui 更强大终端应用程序，构建交互式提示，可以部署到网页并使其在终端中运行的应用程序 vue
- ink react
- commander 命令行工具
- shelljs
- git
- degit
- git hooks
- node
- eslint
- config
- 换行符
- glup
Vue plugin (Vue 扩展)
cli
Vue CLI(停止维护) => create-vue
component
- awesome-vue
- DMap(谛听) (vue-bigdata-table)
- Vxe Table
- vue-images
- vue-drag-select
- vue-demi
- @vue/compiler-sfc 解析单文件组件
- 图片查看
- vue-it-bigger vue2
- v-viewer vue3 & vue2 base on viewerjs
- viewerjs
- ui图标
api
- VueRequest
- VueUse
- eventBus vue2 事件总线
- mitt vue3 事件总线
- composition-api composition-api-faq
vuepress
React plugin (React 扩展)
- 数据
- 表单
- 动画
- 测试
- ladle React 更注重简单、快捷
构建工具
Vite plugin (Vite 扩展)
- awesome-vite
- unplugin-vue-components 按需加载
- unplugin-icons 图标
- rollup-plugin-visualizer build分析可视化
- vite-plugin-inspect 检查Vite插件的中间状态-调试和创作插件
- vite-plugin-babel
- vitepress-plugin-mermaid Mermaid 语法扩展
- @vitejs/plugin-legacy 为 Vite 项目添加对旧版浏览器的支持
rollup
- @rollup/plugin-strip 移除debugger、console.、assert.
Webpack plugin (Webpack 扩展)
loader
typescript
jsdoc
tsdoc
- tsDoc 注释（比jsdoc更规范，针对ts）
- typedoc 为ts项目生成文档（一个 API 参考生成器，支持jsdoc/tsdoc）
- api-extractor （API 报告、d.ts 汇总、API 文档）
- api-documenter 将api-extractor生成的文档模型文件转换为markdown
- rushstack 为 web 项目的大规模 monorepo 仓库来提供可复用技术
canvas / svg / webgl
其他端
uniapp
electron
- build工具
- 辅助工具
- vite-electron-builder Vite + Electron-Builder 样板库
webpack-electron建议使用vite- Electron API演示工具 Electron API演示工具
- electron fiddle 试验工具
- @tomjs/electron-devtools-installer（中文 ）为 Electron 安装 Chrome 扩展
- vite-plugin-electron vite支持electron插件
- electron-log electron 打印日志
- 功能
- winax Windows C++ Node.JS 插件，实现 COM IDispatch 对象包装器，模拟 cscript.exe 上的 ActiveXObject
- config -> electron-store 主进程进行数据持久化存储
- serialport 窜口模块
- @woovi/node-printer zpl打印
- compare-versions 版本比较
- systeminformation doc
- 其他框架
- NW.js 中文 通过修改源码合并了 Node.js 和 Chromium 的事件循环机制；
- Tauri Tauri使用Rust作为底层，通过Web技术（HTML、CSS和JavaScript）构建用户界面。它与Chromium和Node.js没有直接依赖关系，因此可以更轻量级和高效。
- 参考：NW.js和Electron优缺点综合对比
极客时间(代码地址)
- 现代 React Web 开发实战
- 重学 TypeScript