VSCode优化配置及插件推荐

编程如画,我是panda!

之前大家已经配置好了VSCode,这一期我就来推荐一下我一直在用的优化配置和插件

目录

前言

一、优化配置

1.字号设置

1.方法一

2.方法二

2.自动添加括号

3.自动保存

4.formaton

5.自动折行

二、插件推荐

[1.One Dark Pro](#1.One Dark Pro)

[2. Dracula Official](#2. Dracula Official)

3.CodeSnap

[​编辑 4.Image preview](#编辑 4.Image preview)

[5.Prettier - Code formatter](#5.Prettier - Code formatter)

[6. Rainbow CSV](#6. Rainbow CSV)

7.重磅级嘉宾!!!CodeGeeX

[8.GitHub Copilot](#8.GitHub Copilot)


前言

如果没有下载好VSCode,请参见我之前的博客:

vscode安装+汉化+配置C/C++环境(保姆级教程!)-CSDN博客

VSCode配置python环境-CSDN博客

后续还会继续更新......


一、优化配置

1.字号设置

因为刚下好的VSCode的字号默认为14,但是一般来说,在我们写代码的时候还是太小了,比较费眼,所以我们需要把字号调大一点,有两种方法。

1.方法一

直接找到左下角的设置图标,点击设置:

然后在"文本编辑器"下找到"字体",将"Font Size"改成你需要的字体大小。

2.方法二

因为每次调整字体大小都要去设置里面太麻烦,所以我们可以通过Ctrl+鼠标滚轮来调节字体大小,但是一开始你的VSCode并没有这个设置,你需要手动添加:

在上方设置字号的页面找到settings.json:

在最后一行加入如下代码:

javascript 复制代码
"editor.mouseWheelZoom": true

但是切记,要在上一行加上逗号**(英文输入法下!)**,即:

2.自动添加括号

往往我们在选择了VSCode提示的代码之后,不会自动添加括号,需要手动去添加:

更改如下:(还是settings,json文件,在最后一行添加代码)

javascript 复制代码
"python.analysis.completeFunctionParens": true

仍然不要忘前一句末尾的逗号!

3.自动保存

有时候我们常常写了代码但是忘了保存,导致自己又得重新写一遍代码,心态很炸裂有木有啊~所以需要自动保存来帮助我们,同样是在设置文件中加入:

javascript 复制代码
"files.autoSave": "afterDelay",//自动保存文件

4.formaton

找到设置,搜索"formaton" ,下列三项打勾:能够帮我们美化代码

5.自动折行

在settings.json文件中加入:

javascript 复制代码
"editor.wordWrap": "on",

有些时候我们会将VSCode进行小窗缩放,所以自动折行很有必要,不然你都看不见你代码,还要拖动滑块。

二、插件推荐

1.One Dark Pro

这是一款比较简约的主题插件,整体为深色,也是我一直在用的,比较推荐。

2. Dracula Official

同样是一款深色主题的插件,也是非常不错的,页面偏紫色一点。

3.CodeSnap

有时候我们需要把代码给别人展示,CodeSnap能够很美观的将代码截出来

右键空白区域,点击CodeSnap,选中你要截图的代码

4.Image preview

它能够预览我们插入的图像

5.Prettier - Code formatter

这个工具可以在我们按下保存时自动调整代码格式,让代码变得美观

6. Rainbow CSV

这个插件能够让你在查看csv文件时清楚的知道某一列的标题对应某一列

7.重磅级嘉宾!!!CodeGeeX

这是一个超级有用的代码自动补全工具,重点是:免费!只要登录就能使用。

它能够自动预测你的代码要写什么,如果接受直接按下tab键即可

8.GitHub Copilot

还有一个代码自动补全工具,但是要收费,功能确实强大,收费也有收费的道理。

相关推荐
VidDown12 天前
VidDown 工具站:免费、本地优先的开发者工具箱
javascript·编辑器·音视频·视频编解码·视频
摇滚侠12 天前
IDEA 创建 Java 项目 手动整合 SSM 框架
java·ide·intellij-idea
霸道流氓气质12 天前
Trae IDE 新手入门指南
ide
VidDown12 天前
显卡处理视频技术详解:从硬解码到 NVENC,GPU 如何让视频处理起飞?
javascript·编辑器·音视频·视频编解码·视频
夜猫逐梦12 天前
【UE基础】03.蓝图与编辑器工作流
编辑器·ue·蓝图·ue编辑器
VidDown12 天前
视频帧率技术详解:从 24fps 到 120fps,帧率如何影响你的观看体验?
网络·网络协议·编辑器·音视频·视频编解码·视频
爱就是恒久忍耐12 天前
VSCode里如何比较2个branch
ide·vscode·编辑器
意法半导体STM3212 天前
【官方原创】如何为STM32CubeMX2配置Visual Studio Code配置方案
vscode·stm32·单片机·嵌入式硬件·策略模式·stm32cubemx·嵌入式开发
bloglin9999912 天前
vscode中可视化的合并分支,在“合并编辑器中解析”中“与基线进行比较”是什么意思
ide·vscode·编辑器
终将老去的穷苦程序员12 天前
IntelliJ IDEA 的安装教程
java·ide·intellij-idea