前端库

教程

• npx 教你怎么合理的使用 npx
• mobile-web-best-practice 移动 web 最佳实践
• vanillawebprojects 通过纯前端的手段实现一些小项目，适合入门
• Think Python 还不错的 Python 入门教程
• Node.js CLI Apps Best Practices 叫你如何写好一个 node cli 工具
• SQL Murder Mystery 一个英文的 SQL 初级教程，以游戏的方式，让你利用学到的 SQL 概念和命令来找出谋杀凶手
• html-dom 一些常用的 dom 或者原生 js 操作判断，挺实用的
• TypeScript TypeScript 入门教程，很不错，推荐初学者学习
• Webpack 知识图谱 webpack 相关教程和原理分析还不错
• git-tips - Git 的奇技淫巧
• project-guidelines - JavaScript 工程项目规范
• nodebestpractices - 最大的 Node.js 最佳实践列表
• fe-camp - 75team front-end camp
• javascript-testing-best-practices - 全面而详尽的 JavaScript 和 Node.js 测试最佳实践
• jstraining 全栈工程师培训材料
• horseshoe "马蹄铁"专题学习计划
• hacksplaining-lessons - 通过课程实例了解安全漏洞
• vue-advanced-workshop - 尤雨溪亲自讲解 vue 高级特性
• 后盾人

test

框架

Vue 生态

• vue - 中文 vue2 / vue3
• nuxt.js 英文 / 中文 1 / 中文 2
• nuxt3 英文 / 中文
• quasar - 基于 vue，一套代码多处适用。中文文档
• vue-router
• vuex
• vueuse 文档
• vant - 轻量、可靠的移动端 Vue 组件库
• element-ui - Vue 的桌面端组件库

React 生态

• react
• next.js

多端

• taro

Vue 相关库

• vue-multiselect select 组件 目前 vue 里面用过最好用的
• Vue.Draggable DnD 拖拽组件 基于 Sortable.js 的 vue 版本
• vue-sauce  一个可以展示 vue 源码的指令
• vue-smooth-dnd Vue wrappers components for smooth-dnd
• vuegg  一个 vue 可视化拖拽界面生成器
• vee-validate  基于 vue 的验证，能验证的内容比较全
• vue-virtual-scroller  基于 vue 的虚拟列表无限滚动
• vue-content-placeholders  页面龙骨 skeleton
• vxe-tablevue 表格解决方案，还没具体用过看着的确解决了其它 table 组件的一些问题
• Vue 测试指南 vue 测试指南

脚手架

• vue-cli - vue 命令行工具。 中文文档
• create-react-app - react 官方脚手架。
• create-nuxt-app - Create Nuxt.js App in seconds.
• create-vant-cli-app - Create Vant CLI App
• yeoman-generator  脚手架工具

打包工具

• webpack - 打包项目
• rollup - 打包 SDK
• vite - 下一代前端工具。它很快！
• systemjs - 动态 ES 模块加载器
• microbundle - 基于 rollup，简化配置。
• bili - 基于 rollup，同上。
• father - 组件打包工具，提供 babel 和 rollup 两种打包方式。

webpack 辅助工具、Loader 和插件

• webpack-autoconf - webpack 配置工具 https://createapp.dev/
• webpack-dev-server - webpack 开发服务器。
• webpack-dev-middleware - webpack 中间件。
• webpack-merge - 合并 webpack 配置。
• webpack-chain - 通过 chain 风格 api 的方式修改 webpack 配置。
• webpack-bundle-analyzer - 构建产物占比分析。
• speed-measure-webpack-plugin - 统计 webpack 各阶段耗时。
• webpack-to-vite - 将 Webpack 项目转为 Vite 项目

工具库

• whistle - HTTP, HTTP2, HTTPS, Websocket debugging proxy 官方文档
• zan-proxy  本地调试线上环境的工具
• live-server  可以快速启一个本地 dev 服务 并且支持自动刷新的 http server
• serve  快速起本地静态服务
• mock
  • json-server - 最佳 RESTful API Mock
  • mockjs - 模拟数据生成器
  • mockapi 一个还不错的在线 mock RESTful 服务（可在线可视化编辑），官方文档
• axios  目前最常见的请求库
• quicklink - 让浏览器在空闲时间预加载（prefetch）可见界面上的链接来实现让网站体验更好
• fuse.js - 轻量级模糊搜索
• SortableJS - 功能强大的 JavaScript 拖拽库
• opener - 打开某个端口，固定文件
• object.omit - 返回忽略 key 的对象副本
• download - 使用客户端 javascript 下载文件
• FileSaver.js - HTML5 saveAs（）FileSaver 实现
• sheetjs - JS SheetJS 社区版 Excel 数据工具包
• darken - 页面黑夜模式切换
• highlight.js - Javascript 语法高亮
• tagcanvas.js - HTML5 基于 canvas 的标签云
• countUp.js - 通过对数值进行动画处理
• pinyin - 🇨🇳 汉字拼音 ➜ hàn zì pīn yīn
• screenfull.js - JavaScript 全屏 API 的跨浏览器使用的简单包装
• compressorjs - JavaScript 图像压缩器
• imagemin - 图片压缩库
• nprogress - 异步请求进度条
• async-validator - 异步表单验证
• popperjs - 定位工具提示和弹出窗口
• mammoth.js - Convert Word documents (.docx files) to HTML
• texme - 一个 JS 库，可以将 Markdown 自动渲染成网页内容
• any-rule  正则大全

工程化

• nvm  管理 node 版本
• np npm publish 辅助，自动 push、打 tag、升版本等
• TypeScript - TypeScript 是 JavaScript 的超集，可以编译为干净的 JavaScript 输出。
• babel
• postcss - 使用 JS 插件转换样式
• cross-env - 跨平台的环境变量声明
• prettier - 漂亮的代码格式化 https://prettier.io
• eslint - 静态代码检查 https://eslint.org/docs/rules/
• eslint-config-airbnb airbnb 约束风格
• lint-staged - 在 git 暂存文件上运行 linters
• jest - JavaScript 测试
• husky - 容易的使用 Git hooks
• codecov - 测试覆盖率
• npm-check - 检测依赖升级情况，我会和  yarn upgrade-interactive  配合着用，主要用来检测冗余依赖。
• vuepress - vue 官方出品的文档工具
• readme-md-generator  一个命令行脚本帮你快速的创建一个 README
• gh-pages - 将文件发布到 GitHub 上的 gh-pages 分支

Node

工具库

• cheerio 用类 jQuery 语法处理 HTML
• pm2 - node 进程管理工具
• npm-run-all 一个 CLI 工具可以并行或者串行执行 script 指令
• markdown-table - node.js 生成 markdown table 表
• onchange - 监听文件变动然后做一些事
• open node 打开浏览器

命令行

• commander.js node.js 命令行界面变得简单
• consola 优雅的命令行 console logger
• kill-port-process - 命令行杀死被占用的端口服务 kill-port 3000
• fkill - 惊人地杀死进程。跨平台。
• tree-cli - 生成 tree 目录结构 tree -l 2 -o output.txt --ignore 'node_modules'
• tree-node-cli - node 根据目录结构生成 tree
• nodemon - 监视 node.js 应用程序中的修改，实时更新
• ora Elegant terminal spinner 命令行 loading
• Inquirer.js A collection of common interactive command line user interfaces. 命令行询问库
• node-notifier 在 NodeJS 环境中，可以很方便的唤起 notifier 通知

文件处理

• shelljs - Node.js 的便携式 UNIX shell 命令
• fs-extra fs-extra 模块是系统 fs 模块的扩展，提供了更多便利的 API，并继承了 fs 模块的 API
• rimraf - 删除文件 rimraf node_modules
• glob - 文件查找
• tiny-glob - 文件查找 node-glob 的超小型替代品，速度约 350%
• cpx  复制，支持 glob，并且可以 watch

调试

• dumper.js - 能让你的 node console 更加的规整，方便调试
• debug - 打印调试信息
• ndb node 调试
• node-in-debugging node.js 调试指南
• Node.js 最佳实践