Visual Studio Code

知更鸟
知更鸟
站长
2400
文章
0
粉丝
实用技巧评论28阅读模式

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

记录一些使用方法:

Visual Studio Code

设置中文语言:

在左侧功能栏中点击“扩展”图标(或使用快捷键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

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

 

 

匿名

回复问题

匿名网友

拖动滑块以完成验证