前端开发工具&必备插件

Posted 2021-03-30 前端技术点滴

就目前来看，我更推崇vscode，有点如下：

• 开源，免费

• 自定义配置

• 集成git

• 各种方便的快捷键

• 强大的插件扩展

Visual Studio Code（VScode ）官网　：https://code.visualstudio.com/

配置类插件

Settings Sync

https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync

最好用的插件，没有之一，一台电脑配置好之后，其它的几台电脑都不用配置。新机器登录一下就搞定了。再也不用折腾环境了，使用GitHub Gist同步多台计算机上的设置，代码段，主题，文件图标，启动，键绑定，工作区和扩展。

Debugger for Chrome

https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome

从VS Code调试在Google Chrome中运行的javascript代码。

用于在Google Chrome浏览器或支持Chrome DevTools协议的其他目标中调试JavaScript代码的VS Code扩展。 

beautify

https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify

格式化代码工具，美化Javascript，JSON，CSS，Sass，和html在Visual Studio代码。

Atuo Rename Tag

https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

修改 html 标签，自动帮你完成头部和尾部闭合标签的同步修改。

中文（简体）语言包

https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans

Chinese (Simplified) Language Pack for Visual Studio Code ，将界面转换为中文，对英语不好的人，非常友好。

guides

https://marketplace.visualstudio.com/items?itemName=spywhere.guides

显示代码对齐辅助线，很好用。 

px to rem

https://marketplace.visualstudio.com/items?itemName=sainoba.px-to-rem

移动端适配，px快捷键转换rem插件

目前收集至此，如有补充，可留言! 

推荐阅读

微前端究竟是什么，可以带来什么收益

前端技术点滴，公众号：前端技术点滴

项目总结之http缓存

前端技术点滴，公众号：前端技术点滴

前端开发规范手册

a先生，公众号：前端技术点滴

看到这里了就点个在看支持下呗，您的「点赞，在看，关注」是我创作的动力。