建议直接点击阅读原文，可查看兼容和代码
系列
√npm依赖：构建编译 请戳这里，持续更新
√npm依赖：框架平台 请戳这里，持续更新
√npm依赖：类库工具 请戳这里，持续更新
全端类库工具
- 模板
- ejs: Ejs模板
- handlebars: Handlebars模板
- nunjucks: Nunjucks模板
- pug: Pug模板
- 函数
- await-to-js: Async/Await参数格式化
- big: 数字格式化
- bignumber: 数字格式化
- bluebird: Promise垫片
- chance: 函数集合
- co: 异步代码同步化
- co-prompt: 异步代码同步化
- collect: 函数集合
- copay: 比特币
- crypto: 加密解密
- date-fns: 时间格式化
- day: 时间格式化
- decimal: 数字格式化
- fastscan: 敏感词过滤
- fuzzy: 模糊搜索
- globalize: 时间格式化
- iconv-lite: 字符编码转换
- immer: 不可变数据函数集合
- immutable: 不可变数据函数集合
- lazy: 函数集合
- licia: 函数集合
- lodash: 函数集合
- math: 数字格式化
- md5: MD5
- moment: 时间格式化
- polyfills: 解析垫片
- qs: URL字符串解析
- ramda: 函数式编程
- sugar: 函数集合
- tapable: 钩子函数
- underscore: 函数集合
- utility: 函数集合
- validate: 类型验证
- voca: 文本格式化
- 网络
- async: 异步回调
- axios: 网络请求
- converse: 即时聊天
- fetch: 网络请求
- fetch: 网络请求
- jsonp: JSONP网络请求
- socket-client: 客户端Socket
- socket-server: 服务端Socket
- ws: WebSocket
- 测试
- casper: 端对端测试
- cypress: 端对端测试
- enzyme: 断言测试
- jasmine: 单元测试
- jest: 单元测试
- karma: 单元测试
- mocha: 单元测试
- nightmare: 端对端测试
- protractor: 端对端测试
- selenium: 自动化测试
前端类库工具
- 函数
- browser-cookies: Cookie
- check-browser: 浏览器指纹
- jquery: 双端DOM操作和函数集合
- zepto: 移动端DOM操作和函数集合
- 样式
- animate: 动画集合
- bourbon: Sass函数集合
- classnames: 样式选择
- csshake: 抖动动画
- hover: 悬浮动画
- normalize: 初始样式
- 界面
- anime: 动画引擎
- fullpage: 全屏滑动
- layer: 弹窗
- lightbox: 相册
- lottie-web: AE动画
- magic: 动画引擎
- page: 页面路由
- parallax: 陀螺仪动画
- progress-catalog: 跟踪导航
- reveal: 幻灯片
- swiper: 轮播滑动
- velocity: 动画引擎
- wave: 波浪
- 交互
- apexcharts: 图表
- chart: 图表
- cleave: 自动格式输入内容
- cropper: 图像
- d3: 图表
- fabric: SVG和Canvas转换器
- flv: 视频
- font-awesome: 字体图标
- gwm: 水印
- highcharts: 图表
- html2canvas: Canvas截图
- ocanvas: Canvas
- pixi: WebGL
- rasterizehtml: SVG截图
- slate: 富文本编辑器
- snap: SVG
- three: 3D动画
- video: 视频
- watermark: 水印
- webgl: WebGL
- wordcloud: 词云
- ztree: 树形图
- 事件
- basicscroll: 视差滚动
- better-scroll: 滚动
- clipboard: 复制粘贴
- draggabilly: 拖拽
- dragula: 拖拽
- fastclick: 点透
- hammer: 手势监听
- lazyload: 图片懒加载
- lazysizes: 图片懒加载
- progress: 加载进度条
- smart-gesture: 手势监听
- sortable: 拖拽
- stickup: 跟踪导航
- webuploader: 图片上传
- wow: 滚动动画
- 异步
- mobx: 状态管理
- mobx-react: React状态管理
- redux: 状态管理
- redux-thunk: React异步状态管理
- rxjs: 事件流操作
- 调试
- eruda: 移动端调试面板
- spy-debugger: 移动端调试面板
- vconsole: 移动端调试面板
后端类库工具
- 命令
- clear: 清屏
- commander: 命令配置
- cross-env: 运行环境
- execa: 进程命令
- inquirer: 问答
- inquirer-autocomplete-prompt: 答案自动提示
- inquirer-chalk-pipe: 答案文本颜色化
- listr: 多任务执行
- nodemon: 重启进程
- pm2: 进程管理
- shell: Shell命令
- terminalizer: 终端GIF动画
- yargs: 命令配置
- 文件
- commitlint: Git提交校验
- compressing: 文件压缩
- cosmiconfig: 配置文件读取
- david: 依赖过时提示
- file-type: 文件类型
- gm: 图像处理
- image-size: 图像大小
- ini: INI解析
- is-image: 是否图像
- js-pdf: PDF解析
- js-xlsx: Excel解析
- js-yaml: YAML解析
- jslib-base: 项目初始化
- madge: 文件依赖关系
- markdown-it: Markdown解析
- metalsmith: 静态站点生成
- node-gyp: 二进制文件解析
- nodetree: 文件树形图
- open: 文件打开
- recursive-copy: 文件复制
- rimraf: 文件删除
- sharp: 图像处理
- update-notifier: 依赖更新提示
- 网络
- http-server: 本地服务器
- json-server: 网络请求模拟
- localtunnel: 内网穿透
- portscanner: 端口扫描
- request: HTTP请求
- request-promise-native: HTTP请求(Promise形式)
- scp2: SCP2文件传输
- ssh2: SSH文件传输
- 布局
- blessed: 面板
- blessed-contrib: 面板(升级版)
- boxen: 盒子容器
- cli-table1: 表格
- cli-table2: 表格
- cli-table3: 表格
- cli-table-redemption: 表格(升级版)
- cli-width: 终端宽度
- easy-table: 表格
- figures: 图标
- ora: 加载动画
- progress: 进度条
- unicons: 图标
- 文本
- ansi-align: 文本对齐方式
- chalk: 文本颜色
- chalk-animation: 文本颜色动画
- chalk-pipe: 文本颜色化
- string-break: 字符串截断
- string-width: 字符串宽度
- supports-color: 颜色支持检测
- translate: 谷歌翻译
- 调试
- debug: 调试日志
- dumper: 节点检查
- ndb: Chrome调试
结语
写到最后总结得差不多了，后续如果我想起还有哪些类库工具遗漏的，会继续在这篇文章上补全，同时也希望各位倔友对文章里的要点进行补充或者提出自己的见解。欢迎在下方进行评论或补充喔，喜欢的点个赞或收个藏，保证你在开发时用得上。
