常用包 ​

更多...

Node.js ​

• commander - 完整的 Node.js 命令行解决方案。
• minimist - 轻量级的用于解析命令行参数的工具
• chalk - 终端输出字符格式化
• kolorist - 轻量级的使命令行输出带有色彩的工具
• inquirer - 轻量级、美观、人性化的交互提示
• ora - 终端加载显示
• figlet - 可以用来定制 CLI 执行时的头部
• rimraf - 删除文件或目录
• nodemon - 在 Node.js 应用程序开发期间使用的简单监视器脚本
• cheerio - 服务端的 jQuery
• superagent - 优雅且功能丰富的浏览器/节点 HTTP，带有流畅的 API
• concurrently - 同时运行命令
• body-parser - Node.js 正文解析中间件
• puppeteer - 可以在浏览器中手动执行的大多数操作都可以使用 Puppeteer 完成
• pm2 - Node.js 应用程序的管理器
• envinfo - 获取各种开发信息，如操作系统、浏览器等
• dotenv - 将环境变量从 .env 文件加载到 process.env 中
• npm-run-all - 用于并行或顺序运行多个 NPM 脚本的 CLI 工具。
• semver - 语义化版本号管理的 NPM 库

Nest 开发 ​

• [nestjs]
• [multer]
• [class-validator]
• [class-transformer]
• [sharp]

Vite ​

• vite-ssg - Vite 的服务器端生成
• vite-plugin-pages - Vite 基于文件生成路由
• vite-plugin-md
• vite-plugin-pwa
• vite-plugin-vue-layouts
• vite-plugin-windicss
• more... 👉

Webpack ​

Plugin ​

• html-webpack-plugin - 插件可简化 HTML 文件的创建以提供捆绑包
• clean-webpack-plugin - 用于删除/清理构建文件夹
• mini-css-extract-plugin - 将 CSS 提取到单独的文件中。它为每个包含 CSS 的 JS 文件创建一个 CSS 文件。它支持 CSS 和 SourceMaps 的按需加载。

Loader ​

• style-loader
• css-loader
• sass-loader
• less-loader
• postcss-loader
• file-loader - 将文件上的 import/require() 解析为 url 并将文件发送到输出目录
• url-loader - 用于将文件转换为 base64 URI
• raw-loader - 将文件作为字符串导入
• babel-loader
• ts-loader

JS 框架 ​

• preact - React 的 3kb 轻量化方案，拥有同样的 ES6 API
• alpinejs - 轻量的响应式、声明式框架，类似 JS 中的 tailwindcss
• petite-vue - 同上，使用 vue 语法
• svelte - 没有虚拟 DOM
• lit - 用于构建快速、轻量级的 Web component。

UI 框架 / 组件库 ​

• antd - React、阿里
• ant-design-vue - Vue、Ant-Design、社区实现
• ant-mobile - React、Ant-Design-Mobile、阿里
• element-plus - Vue、饿了么
• vant - Vue、有赞、移动端
• @nutui/nutui - Vue、京东、移动端
• tdesign-react- React、腾讯
• tdesign-vue - Vue、腾讯
• @arco-design/web-react - React、字节跳动
• @arco-design/web-vue - Vue、字节跳动
• @douyinfe/semi-ui - React、抖音
• naive-ui - Vue
• lulu-ui - 阅文集团、张鑫旭
• bootstrap
• vuetify - Vue、Material Design
• quasar - Vue

CSS ​

• unocss
• windicss
• tailwindcss

数据可视化/动画 ​

• echart - 图表、百度
• d3 - Data-Driven Documents
• three - 3D
• zdog - 圆形、扁平、设计师友好的伪 3D 引擎
• mo.js - The motion graphics toolbelt for the web.

Vue ​

• @vue/compiler-sfc
• @vueuse/core
• vee-validate - Vue 基于模板的验证框架
• unplugin-vue-components - Vue 的按需组件自动导入

React ​

• rc-util - React 组件的常用工具。

Utils ​

• degit - 使用 Git 仓库生成项目
• dayjs - 格式化日期
• numeral - 格式化数字
• filesize - 格式化文件大小
• colord - Colord 是一个小巧而强大的工具，用于高性能的颜色操作和转换
• chroma-js - 格式化颜色，操作颜色
• yup - 用于值解析和验证的 JavaScript 模式构建器
• crypto-js - 加密
• @amap/amap-jsapi-loader - 高德官网提供的地图 JSAPI 加载器，可以避免多种异步加载 API 的错误用法，类型声明@amap/amap-jsapi-types
• handlebars -模板语言
• scule - 转换字符串，PascalCase（帕斯卡）、CamelCase（驼峰）、KebabCase（短横线）
• ua-parser-js - 浏览器 UA 识别
• classNames - 用于有条件地将 ClassNames 连接在一起
• nzh - 需要转换阿拉伯数字与中文数字的场景
• omit.js - 用于创建删除某些字段的对象的浅表副本的实用函数
• fontmin -压缩字体
• immer -通过简单地修改当前树来创建下一个不可变状态树
• chai - Chai 是一个 BDD/TDD 断言库，适用于节点和浏览器，可以与任何 JavaScript 测试框架完美搭配。
• @turf/turf - 地理空间分析引擎
• json-bigint - 请求 bigint 处理

测试 ​

• jest
• mocha
• crpress
• vitest

标准化 ​

• ESLint - 插件化并且可配置的 JavaScript 语法规则和代码风格的检查工具
• Prettier - 代码格式化库
• Husky - 使用 Git hooks 更简单的
• commitlint - 整理你的提交信息
• lint-staged - 针对暂存的 Git 文件运行 linter

其他 ​

• @fontsource - 各种字体文件