38、VS code必备前端插件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了38、VS code必备前端插件相关的知识,希望对你有一定的参考价值。

参考技术A 安装完成后,默认显示英文,我们可以通过安装中文语言包插件来显示中文,操作如下:

打开vscode,点击插件图标(或 + + X),在搜索框中输入“chinese”,安装

使用快捷键“ + + P”打开vscode的命令框,输入 display ,点击“Configure Display Language”,切换语言

如果不喜欢VS code本身的主题色,也可以更换默认主题,在命令框中输入 color theme ,回车,会进入主题列表,通过上下键切换主题,还不满足,没关系,点击安装其他颜色主题,在左侧会出现各式各样的主题插件,选择一个安装即可。

推荐一款图标插件 vscode-icons ,安装成功后,会根据不同的文件类型添加不同的图标样式,看起来会更有趣。

自动闭合 html/XML 标签

自动重命名 HTML/XML 标签

解析CSS并自动添加前缀

用于着色匹配括号,让你的代码分层更清晰

运行代码片段或多种语言的代码文件

源代码拼写检查器,提示代码中单词拼写错误

允许查看css,并从HTML文件定位到css文件,文件定义跳转

支持.env文件语法,高亮显示

在VS code中绘制流程图,随时记录你的idea,不要太方便

代码格式校验工具,配合项目中的校验规则,实现保存时格式化代码,开发必备,你值得拥有!

配置文件,在setting.json中添加,可以参考一下

突出显示匹配的标签

当你引入时在左侧会显示图片的缩略图,方便预览

在编辑器中展示引用包的大小,让你更了解你引入的包

帮助你更快速的添加console和删除console,确实方便

在vscode中用于生成文件头部注释和函数注释的插件,经过多版迭代后,插件:支持所有主流语言,功能强大,灵活方便,文档齐全,食用简单!

代码插件,在导入语句中自动完成NPM模块

允许你在默认浏览器或应用程序中打开当前文件。

自动识别文件路径,引用更方便

非常喜欢的一款代码格式化工具,在项目中也可以配置自己的规则

方便svg文件预览

快速搜索编辑器中添加的标签,如todo和fixme,并在资源管理器窗格中的树视图中显示。单击树中的todo将打开文件并将光标放在包含TODO的行上。

突出显示尾随空格并快速删除它们!

你的代码很强大,释放它!

......

大家有什么好用的插件,也可以推荐一下哈~

以上是关于38、VS code必备前端插件的主要内容,如果未能解决你的问题,请参考以下文章

作为JavaScript开发人员,这些必备的VS Code插件你都用过吗?

前端学习(3252):vs code中插件的使用

VSCode安装与前端开发必备插件安装

VS Code 的常用快捷键及插件(前端)

VS Code 折腾记 - (19) 一些相对实用的编码体验插件(偏前端)

VS Code中小程序与Vue常用插件合集(前端合集)