VS code 一些前端必备的插件

2,916 阅读2分钟

「这是我参与2022首次更文挑战的第三天,活动详情查看:2022首次更文挑战

01-这个汉化VS code 的插件

安装成功之后恭喜你,你的vscode就变成中文的了,下面我就来教大家如何下载然后操作的
打开vscode 点击我箭头所指的地方

image.png 搜索框里面输入chinese ,不用打完单词就会自己出来,排名第一个的就是

image.png 按下“Ctrl+Shift+P”组合键以显示“命令面板”,然后键入“display”以筛选并显示“Configure Display Language”命令。按“Enter”,可以切换中文跟英文了(这里提醒大家可以多记一下快捷键)

image.png

02-更换主题

相信大家都跟我一样不太喜欢vscode的主题,有些主题的注释又不太明显(灰色的), 这里我就教大家两个个插件,几十种主题 image.png image.png 下载完了之后跟我进行如下的操作点击左下角的设置,然后点击颜色主题
(快捷键ctrl+K 加 ctrl+T)
然后你就发现你的主题多了几十款,任你挑选,通过上下键实时切换主题 image.png

03-文件图标插件

这个我强烈推荐给大家,因为等以后项目大了,你光看英文字母头都看晕了,这样你就需要看图标分辨,就会得心应手,会根据不同的文件类型添加不同的图标样式 image.png

04-Auto Close Tag(自动补全结束标签)

这款插件就是当你修改前一个标签后一个标签会随之更改,例如< h1 >< /h1 > 你把前面的 h1 修改成为了div后面的结束标签也会随之变成div的 image.png

05-Path Intellisense(自动选择路径)

例如:你想选择一个图片你只需确定好他的层级关系,然后按照提示找到对应的文件 image.png

06-翻译软件

这个就vscode中的翻译王者,你可以在你的代码中选中你不懂的单词,这个是无延迟的哦,无网也可以翻译,关键最强的还是他,支持驼峰和下划线命名查询.

image.png image.png


好了以上就是几款适应的插件,希望能帮到大家,喜欢觉得博主不容易的,可以给博主点个小红心~