VSCode最强助攻

VSCode最强助攻

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

vscode-icons

vscode-icons

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

Better Comments

Better-Comments

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

comments1

HTML Snippets

html-snippets

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

Auto Close Tag

close-tag

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

Auto Rename Tag

auto-rename-tag

自动修改对应的标签

Trailing Spaces

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mf4LEbGx-1588901496446)(https://gitee.com/itxing666/blog-images/raw/master/img/spaces.png)]

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

ESLint

eslint

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

Prettier - Code formatter

prittier

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

prettier1

Bracket Pair Colorizer

bracket-pair-colorizer

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

Color Info

color-info

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值