前端开发工具箱 - xw332/xw332.github.io GitHub Wiki

编辑神器：VSCode

工欲善其事，必先利其器

• VSCode插件清单和配置推荐

代码规范：Eslint

遵循好的、一致的规范，可以让我们的开发效率更高，开发出来的组件质量也能更有保障。

• Eslint中文文档

• Eslint 中文开发手册 - 腾讯云

• eslint-airbnb配置

• eslint-prettier配置

• ESLint+Prettier代码规范实践

• Eslint配置注释集合

• Eslint配置注释集合2

• eslint-plugin-you-dont-need-xxx

• 扩展开发规范实践

项目管理：GitFlow

成熟的git分支管理模式

• GitFlow 在团队中的最佳实践

• SourceTree 介绍

• 在sourceTree上使用gitFlow

接口模拟：mockjs

前后端分离的开发模式

• mockjs官网

• mockjs-fetch

• node-fetch

依赖库管理：npm

最佳实践的使用方式

• npm包源管理

• npm私有包发布

• npm锁定依赖的版本号

常用开发工具

• 移动端调试神器 VConsole与eruda

• @babel/core

• jest官网

常用功能组件

UI组件：Ant Design：https://ant.design/index-cn

http请求：axios

socket请求：websocket、stompjs

工具函数：lodash

图表：echarts、highcharts、tradingview

加解密：crypto-js、rn-nodeify

打包工具：webpack、rollup

播放器：字节跳动的开源 H5 视频播放器-xgplayer：https://mp.weixin.qq.com/s/rTnDGoXNmeJCpWvENEpV4Q

项目规范：husky、lint-staged、jsdoc-to-markdown

扩展知识

• 知识分享汇总