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

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

相关推荐
梦幻通灵7 小时前
IDEA通过Contince接入Deepseek
java·ide·intellij-idea
鸡啄米的时光机7 小时前
vscode的一些实用操作
vscode·学习
Aphelios38010 小时前
Linux 下 VIM 编辑器学习记录:从基础到进阶(上)
java·linux·编辑器·vim
灰色人生qwer11 小时前
React + TypeScript+ Vite 配置路径别名和vscode智能路径提示
vscode·react.js·typescript
workflower12 小时前
实例研究:设计一个文档编辑器(24)- 完
java·开发语言·设计模式·编辑器·软件工程·需求分析·软件需求
莲动渔舟12 小时前
赶AI大潮:在VSCode中使用DeepSeek及近百种模型的极简方法
ide·人工智能·vscode·deepseek
咩咩大主教13 小时前
VSCode运行Go程序报错:Unable to process `evaluate`: debuggee is running
开发语言·ide·vscode·golang·编辑器
佛曰我不想说话13 小时前
通过VSCode直接连接使用 GPT的编程助手
ide·vscode·copilot
羊村懒哥16 小时前
VScode内接入deepseek包过程(本地部署版包会)
人工智能·vscode·deepseek