VSCode最强助攻

栏目: IT技术 · 发布时间: 4年前

内容简介:VS Code是前端界必备的开发工具。页面仔小杨简单介绍几款高效、好用的插件,让原本单薄的VS Code如虎添翼,开发效率倍增。vscode-icons不仅能够给文件夹、文件添加上舒适的图标,而且可以自动检测项目,根据项目不同功能配上不同图标,例如,git、Markdown、配置项、工具类等

VSCode最强助攻

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

vscode-icons

VSCode最强助攻

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

Better Comments

VSCode最强助攻

一款让注释会说话的插件,注释前加 * ! ? todo // 就可以显示不同的样式

VSCode最强助攻

HTML Snippets

VSCode最强助攻

代码自动填充,让你编程飞起来

Auto Close Tag

VSCode最强助攻

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

Auto Rename Tag

VSCode最强助攻

自动修改对应的标签

Trailing Spaces

VSCode最强助攻

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

ESLint

VSCode最强助攻

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

Prettier - Code formatter

VSCode最强助攻

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

VSCode最强助攻

Bracket Pair Colorizer

VSCode最强助攻

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

Color Info

VSCode最强助攻

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

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

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


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Data Structures and Algorithm Analysis in Java

Data Structures and Algorithm Analysis in Java

Mark A. Weiss / Pearson / 2006-3-3 / USD 143.00

As the speed and power of computers increases, so does the need for effective programming and algorithm analysis. By approaching these skills in tandem, Mark Allen Weiss teaches readers to develop wel......一起来看看 《Data Structures and Algorithm Analysis in Java》 这本书的介绍吧!

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具