前端技术栈清单｜开发框架 + 配套工具插件

前端开发框架必学：
1、React：单向数据流，生态庞大，适合复杂 Web 应用[https://reactjs.org](https://reactjs.org)；
2、Vue：组合式 API，国内普及率高[https://vuejs.org](https://vuejs.org)


VSCODE开发工具常用插件必装：
1、SLintJS/TS ：代码静态检查，统一代码风格，发现语法与逻辑问题[https://eslint.org](https://eslint.org)；
2、Prettier代码格式化工具：统一代码排版，和 ESLint 配合使用[https://prettier.io](https://prettier.io)；
3、GitLens：代码历史追溯，悬停看每行代码的提交记录、作者、时间，安装量 4000万+；
4、Better Comments彩色注释高亮，支持 TODO/FIXME/IMPORTANT；


抓包调试代理必配：
1、Charles：图形化界面友好，支持 HTTPS 抓包、断点调试、请求/响应修改、JSON 结构化搜索。适合接口排查、移动端抓包、链路分析。
https://www.charlesproxy.com；

2、Fiddler Classic：微软出品，免费，支持脚本扩展（FiddlerScript）、QuickExec 命令栏、会话导出离线分析。Windows 平台首选抓包工具。
https://www.telerik.com；

3、fiddler/fiddler-classic|whistle（作者常用）：
基于Node.js跨平台web调试代理，规则配置方式修改请求响应，支持HTTP/HTTPS/WebSocket，内置weinre远程页面调试，插件可扩展，前端常用。
https://wproxy.org/whistle