VSCode最强助攻

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

内容简介: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等,灵活运用这些插件,让自己的开发效率和质量更上一个台阶。

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


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

查看所有标签

猜你喜欢:

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

数据资本时代

数据资本时代

Viktor Mayer-Schnberger / 李晓霞、周涛 / 中信出版集团股份有限公司 / 2018-11-1 / CNY 58.00

【编辑推荐】 大数据除了能对我们的生活、工作、思维产生重大变革外,还能够做什么?畅销书《大数据时代》作者舍恩伯格在新书《数据资本时代》中,展示了大数据将如何从根本上改变经济——这并不是因为数据是一种新型石油,而是因为数据是一种新型润滑脂,它将给市场带来巨大能量,给公司带来巨大压力,使金融资本的作用大大削弱。赢家是市场,而并非资本。 这本书在当下国内出版,可以说恰逢其时。时下,中国经济正......一起来看看 《数据资本时代》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具