Visual Studio Code

2025年3月25日 19:00:04知更鸟

知更鸟

站长

2414
文章

0
粉丝

Visual Studio Code（简称 VSCode）是由微软开发的一款免费的、轻量、开源的灵活且功能强大的代码编辑器。它支持多种编程语言，并且具有非常强大的功能，广泛应用于开发者的日常编程工作中。VSCode 内置对多种编程语言的支持，如 JavaScript、Python、C/C++、Java、TypeScript、HTML、CSS 等。通过安装插件，还可以支持更多的编程语言和工具。

记录一些使用方法：

设置中文语言：

在左侧功能栏中点击“扩展”图标（或使用快捷键Ctrl+Shift+X）。

‌搜索中文语言包‌：在搜索框中输入“Chinese”或“language”，找到“Chinese (Simplified)，安装。

按住键盘上的“Ctrl+Shift+P”组合键打开命令面板。

在命令面板中输入“Configure Display Language”。

选择“Configure Display Language”，然后在弹出的语言列表中选择“zh-cn”。

点击“Reload”按钮或关闭并重新打开VSCode以应用更改。

主题：

Sublime Text 4 Theme 看着比较舒服

GitHub Theme

1mm Themes

Yi Dark & Yi Light Themes

设置不自动替换旧标签

workbench.editor.enablePreview

设置不记住打开的文件

设置中搜索：window.restoreWindows

在控制其中的窗口和编辑器在打开时的还原方式中，选择none。

默认插件目录

C:\Users\用户\.vscode\extensions\

格式化PHP

安装插件：PHP Intelephense

PHP Intelephense禁用检查

intelephense.diagnostics.undefinedClasses：未定义类诊断，启用或禁用对未定义类的检查。
intelephense.diagnostics.undefinedFunctions：未定义函数诊断，启用或禁用对未定义函数的检查。
intelephense.diagnostics.undefinedConstants：未定义常量诊断，启用或禁用对未定义常量的检查。
intelephense.diagnostics.undefinedMethods：未定义方法诊断，启用或禁用对未定义方法的检查。
intelephense.diagnostics.undefinedProperties：未定义属性诊断，启用或禁用对未定义属性的检查。
intelephense.diagnostics.undefinedTypes：未定义类型诊断，启用或禁用对未定义类型的检查。
intelephense.diagnostics.argumentTypeMismatch：参数类型不匹配诊断，启用或禁用对参数类型不匹配的检查。
intelephense.diagnostics.returnTypeMismatch：返回类型不匹配诊断，启用或禁用对返回类型不匹配的检查。
intelephense.diagnostics.deprecated：弃用诊断，启用或禁用对弃用代码的检查。

豆包AI插件：MarsCode AI

修改VSCode默认配置和插件文件夹位置

首先在D盘新建文件夹CodeConfig，分别将：

C:\Users\用户名\.vscode\extensions

C:\Users\用户\AppData\Roaming\Code

将这两个文件夹复制到D:\CodeConfig中，之后删除这两个文件夹（必须）。

右键Widnow，Windows powershell （管理员）点击并运行下面的命令：

cmd /c mklink /d "C:\Users\用户名\.vscode\extensions" "D:\CodeConfig\extensions"
cmd /c mklink /d "C:\Users\用户\AppData\Roaming\Code" "D:\CodeConfig\Code"

完成迁移。

重启窗口：

使用命令面板（Ctrl+Shift+P）执行 "Developer: Reload Window" 命令。

是否记住上次打开

window.restoreWindows

空白字符显示方式

Editor: Render Whitespace

使用PHP Intelephense格式化PHP代码

左大括号 { 与函数名在同一行

进入插件设置找到：

Intelephense › Format: Braces

Controls formatting style of braces

控制大括号的格式化样式

选择：k&r

或者在settings.json中添加：

"intelephense.format.braces": "k&r",

与函数名不在同一行，k&r改为allman

自定义关联文件图标

当文件关联VSCode后，图标统一显示为同一个图标，在电脑上查找文件时，不容易区分文件类型，可以参考：

自定义关联VS Code文件图标

修改。

自定义主题颜色

// 自定义主题颜色
"editor.tokenColorCustomizations": {
    "[Sublime Text 4 Theme]": {
        "textMateRules": [
            {
                "scope": "constant.numeric",
                "settings": {
                    "foreground": "#ea974f" // 数值
                }
            },
            {
                "scope": "entity.name.function",
                "settings": {
                    "foreground": "#6699cc"
                }
            },
            {
                "scope": "punctuation.definition.thematic-break",
                "settings": {
                    "foreground": "#cc0b0b"
                }
            },
        ]
    },
},

关闭内联建议

这个在写代码时有些烦人。

设置：Inline Suggest: Enabled

取消：控制是否在编辑器中自动显示内联建议。

设置背景图片

插件：background-cover

如果安装上述插件，提示：Visual Studio Code损坏，可以安装：Fix VSCode Checksums Next

然后ctrl+shift+P打开命令面板，输入：Fix Checksums: Apply，重启即可。

删除文件夹和工作区中的路径

打开Code\User\globalStorage目录storage.json文件，删除对应目录

AI插件

Lingma - Alibaba Cloud AI Coding Assistant