前端开发常用工具插件

一、浏览器

1、chrome

• JSON Viewer
• Allow CORS
• Axure（原型查看）
• Vue devtools
• Redux DevTools
• React Developer Tools
• React Perf（React性能监测工具）

二、编辑器

1、Sublime Text3

轻量级的开发工具，有强大的插件支持

• Emmet
• AutoFileName
• Babel
• HTML-CSS-JS Prettify
• Local History
• SFTP
• TypeScript Syntex
• Vue Syntex Highlight
• LessImproved
• LESS
• Sass
• MaterialTheme
• CodeFormatter（php格式化）

2、VS Code

前端开发神器（vue/react/angular/typescript/小程序/公众号等）

• Beautify css/sass/scss/less
• Local History
• One Dark Pro
• Vetur（.vue文件格式化）
• 超越鼓励师
• Live Server本地服务（可实时刷新）
• Prettier+（5星 格式化样式）
• Prettier - JavaScript formatter（5星 格式化脚本）
• Power Mode（5星）
• vscode-proto3（5星）

3、Atom

git开发的一个比较强大的IDE

• activate-power-mode
• emmet
• local-history
• minimap
• autocomplete-paths
• remote-ftp

4、HBuilderX

对vue友好，集小程序开发功能

https://www.dcloud.io/hbuilde...

5、Typora

markdown编辑器，有强大的导出功能

https://www.typora.io/

5、IntelliJ IDEA

java web开发神器

• Material Theme UI
• Rainbow Brackets（功能区域彩虹括号）
• Codota（智能自动补全）
• Alibaba Java Code Guideline（阿里编码规范）
• CodeGlance（mini视图）
• Restful Tookit（Restful接口必备）
• CamelCase（快速切换字符串连接格式，如hello_world -> hello-world 或 helloWorld）

参考链接：

• https://segmentfault.com/a/11...

三、FTP工具

• MobaXterm：https://mobaxterm.mobatek.net/
• XShell：https://xshell.en.softonic.com/

四、接口代理工具

• Insomnia：https://insomnia.rest/
• postman：https://www.postman.com/

五、其他

• 在线文件对比：http://www.jq22.com/textDiffe...
• beyond compare文件对比：链接：https://pan.baidu.com/s/1Z93K... 提取码：u61m

最新内容请看这里：http://fenxianglu.cn/noteDeta...