vscodehtml注释快捷键_VSCode最强助攻

VSCode最强助攻

VS Code是前端界必备的开发工具。页面仔小杨简单介绍几款高效、好用的插件&＃xff0c;让原本单薄的VS Code如虎添翼&＃xff0c;开发效率倍增。

vscode-icons

vscode-icons不仅能够给文件夹、文件添加上舒适的图标&＃xff0c;而且可以自动检测项目&＃xff0c;根据项目不同功能配上不同图标&＃xff0c;例如&＃xff0c;git、Markdown、配置项、工具类等

Better Comments

一款让注释会说话的插件&＃xff0c;注释前加 * &＃xff01; &＃xff1f; todo // 就可以显示不同的样式

HTML Snippets

代码自动填充&＃xff0c;让你编程飞起来

Auto Close Tag

自动添加HTML / XML关闭标签&＃xff0c;对前端小伙伴伴儿们相当友好

Auto Rename Tag

自动修改对应的标签

Trailing Spaces

结尾空格高亮显示&＃xff0c;可以手动删除或配置快捷键删除

ESLint

EsLint可以帮助我们检查Javascript编程时的语法错误。比如&＃xff1a;在Javascript应用中&＃xff0c;你很难找到你遗漏的变量或者方法。EsLint能够帮助我们分析JS代码&＃xff0c;找到bug并确保一定程度的JS语法书写的正确性

Prettier - Code formatter

在vs code -> settings中设置,在保存文件时vscode会自动优化代码

Bracket Pair Colorizer

这个插件能够快速地找到大括号的另一半&＃xff0c;特别是在阅读别人的代码时&＃xff0c;有利于快速理解

Color Info

在颜色光标上悬停即可出现色彩模型,并且点击颜色值可更换样式值格式。

还有许多优秀的插件如codelf、Vetur、minapp、Simple React Snippets、Live Server等&＃xff0c;灵活运用这些插件&＃xff0c;让自己的开发效率和质量更上一个台阶。

关注公众号&＃xff1a; 页面仔小杨 【实战干货、原创分享】