VSCode插件

r囧r小猫 2023-10-12 12:23 64阅读 0赞

## VSCode插件 ##

1.Chinese（Simplified) 显示语言为中文

2.Auto Rename Tag 修改开始标签，结束标签自动变化

3.One Dark Pro 颜色主题  
如果出现注释的内容斜体的情况：找到One Dark Pro扩展，右键–扩展设置–"设置部分代码为斜体"的内容取消勾选。

4.open in browser 浏览器预览页面  
在VSCode中右键 Open in Default Browser，使用浏览器预览

5.Live Server 实时预览 (相比于5，更推荐这个)，5每次都需要刷新页面  
在使用的时候需要先打开文件所在的目录文件夹。  
在VSCode中右键 Open with Live Server，浏览器实时预览。

6.vscode-icons 设置文件图标主题，为了看文件更加直观。

7.会了吧 翻译页面中不会的英文单词 安装的是v.0.0.12版本

8.CodeSnap 将代码截图成图片，选中相应的代码段，右键—CodeSnap–在右侧显示出截图预览，如果想要保存图片，点击彩虹图标，选择保存路径；如果不想保存，只是复制，点击截取的图片，ctrl+c复制粘贴即可

9.推荐主题

(1)Moonlight更像是晚上手机开启夜间模式一样，适合晚上敲代码或者重度暗色爱好者

(2)Nord是一款北极蓝主色调、干净、优雅的主题，可能更适合大多数女生。

(3)Noctis主题暖色和冷色混合的均衡，看起来很舒服，减少眼睛疲劳。

(4)Palenight是柔和而舒适的紫色主题，喜欢紫色的女生或者男生不要错过。

(5)Ayu是一款白色主题，简单、明亮、优雅。深色模式也很适合晚上使用。

10.语言支持

(1)java; 提供代码调整、自动补全、jdk 文档查询、Lint、类型检查、debug等功能。但一般Java开发工程师不用vscode写Java代码，因为Java的工程往往比较庞大，而vscode相对比较轻量级，相对来说不是非常合适。而且Java工程需要的插件也非常多，比如Tomcat、spring、数据库等等……全部安装下来还是比较重的。所以还不如直接使用全部环境都集成好的IDEA。

(2)C/C++; 提供C++语法识别、智能补全、代码跳转、调用依赖识别等，一般来说学生党安装这一个就可以了。还有一些其他的插件也非常不错，如C++ Intellisense, C/C++ Clang Command Adapter等。

(3)MySQL; SQLTools 有智能提示，如果谈论颜值的话比较偏向MySQL。

(4) HTML/CSS语法支持，前端党必备。

(5)markdown语法支持，可以在vscode当中编辑markdown文档，还支持图床的图片上传功能。

由于很多github的repo都提供了markdown语法格式的readme文件，所以还是需要安装一下，这样才方便阅读。

(6) Python的语法支持，支持Python的单测、lint、语法高亮、代码格式化、debug、jupyter等功能。

11.**Auto Close Tag**前端神器，只需要编写左标签，例如`,,`等，会自动替我们完成右侧标签的填充如：`, ,`等。

12.**Better Comments**美化注释，可以将我们的多行注释按照类别自动高亮

13.**Bracket Pair Colorizer**开发神器，当使用多层括号嵌套时，自动将不同层次的括号设置成不同的颜色，防止配对时眼瞎。

14.**leetcode**上班摸鱼、实验室摸鱼神器，再也不用担心刷题被老板看到了。

15.**Path Intellisense**相对路径自动补全

16.**Code Runner**运行多种语言的代码片段或代码文件，省掉保存的环节，直接可以运行

17.**Debugger for Chrome**这款插件是专门为前端调试开发的，很方便调试，跟谷歌的控制台是一样的功能，安装以后，无需打开浏览器的控制台就能进行断点调试。

18.**Auto Import**`Typescript` 自动导入，其实现在很多的插件基本都内置了这种功能，已经不是必须品了。

19.**Snippets**支持大部分语言自动导入，这一类的插件都很多，但功能都是提供代码片段，作用就是使用几个字符的简写，就可以敲出整段代码。

20.**background**设计背景，安装好打开设置

发表评论取消回复

表情：

评论列表（有 0 条评论，64人围观）

还没有评论，来说两句吧...

相关阅读

相关 VSCode插件

VSCode插件 1.Chinese（Simplified) 显示语言为中文 2.Auto Rename Tag 修改开始标签，结束标签自动变化 3.One Dark

r囧r小猫/ 2023年10月12日 12:23/ 0 赞/ 65 阅读

相关 VsCode插件之vscode-icons

一、VsCode中的图标插件，可以控制vscode中的文件管理的树目录显示图标 ![Center][] 二、使用方法 1.安装点击左侧Extensions

素颜马尾好姑娘i/ 2023年02月17日 03:20/ 0 赞/ 383 阅读

相关 Vscode安装插件

Auto Close Tag Auto Rename Tag auto style Beautify css/sass/scss/less Bracket Pair C

浅浅的花香味﹌/ 2023年01月01日 01:49/ 0 赞/ 269 阅读

相关 vscode 插件-常用插件

VSCode常用插件(安装步骤同汉化) 1、Auto Close Tag (自动闭合HTML/XML标签) ![在这里插入图片描述][watermark_type_Zm

你的名字/ 2022年12月05日 00:41/ 0 赞/ 467 阅读

相关 VScode插件推荐

VScode插件推荐本人所用的一些vscode插件，可以满足前端的开发的一些需求。 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5n

迈不过友情╰/ 2022年11月11日 05:55/ 0 赞/ 253 阅读

相关 VSCode插件位置

> 前言：VSCode中提供各种丰富的插件，但是插件的位置一般是直接安装在C盘，而C盘的空间宝贵又不想安装在C盘，这里就提供两种方式自定义插件位置。一般会在C盘的 `~\.

你的名字/ 2022年09月09日 09:18/ 0 赞/ 245 阅读

相关 VSCode开发插件 VSCode快捷键

![我的VSCode插件列表][VSCode] Vetur —— 语法高亮、智能感知、Emmet等包含格式化功能， Alt+Shift+F （格式化全文），

╰+哭是因爲堅強的太久メ/ 2022年05月17日 02:37/ 0 赞/ 385 阅读

相关 vscode插件

vscode插件 1. 必备插件 1. Beautify 2. VS Code ESLint extension 3. VS C

朴灿烈づ我的快乐病毒、/ 2022年01月28日 15:59/ 0 赞/ 437 阅读

相关 vsCode 快捷键、插件

插件　　参考链接：https://blog.csdn.net/shunfa888/article/details/79606277 快捷键及常用插件：https://

女爷i/ 2021年12月23日 10:47/ 0 赞/ 404 阅读

相关 vsCode 快捷键、插件

插件 \)选择编译器及调试python 参考链接:https://blog.csdn.net/u012604810/article/details/82924591

川长思鸟来/ 2021年12月16日 01:41/ 0 赞/ 465 阅读