VSCode 相关配置

警告
本文最后更新于 2024-06-25,文中内容可能已过时。

插件

Chinese (Simplified) (简体中文)

中文语言包扩展(简体)

Markdown All in One

一款功能全面的 Markdown 扩展插件,它通过集成多种实用功能,显著提升了 Markdown 文档的编辑效率。

快捷键 作用
Ctrl+B 加粗
Ctrl+I 斜体
Ctrl+M 插入公式
Enter 自动补全列表
Tab/Shift+Tab 缩进/反缩进
Ctrl+Shift+V 切换预览

Remote - SSH

一款强大的远程开发工具,它能让你像在本地一样,在远程服务器上使用 VS Code 进行编码、调试和管理项目文件。

连接远程服务器,连接命令:ssh 账号@ip地址

/images/guides/VSCode相关配置/6.png
(图6)

连接后刷新,出现连接成功的列表

/images/guides/VSCode相关配置/7.png
(图7)

报错 “程试图写入的管道不存在”

将 config 配置文件中的内容删掉

/images/guides/VSCode相关配置/8.png
(图8)

将 config 同目录下的 known_hostsknown_hosts.old 删除,最后再次连接

/images/guides/VSCode相关配置/9.png
(图9)

SSH连接失败

  1. 彻底清理vscode-server:通过WindTerm登录到服务器,执行以下命令:
1
rm -rf ~/.vscode-server

这将强制VS Code在下次连接时重新安装服务器端组件。

  1. 检查并终止残留进程:在服务器上,运行以下命令检查是否有旧的VS Code服务器进程残留,并终止它们:
1
2
3
4
5
6
7
ps aux | grep vscode-server

# 如果发现有相关进程,使用其PID终止它,例如:
kill -9 <旧的PID>

# 此命令会强制终止所有 vscode-server 相关进程
ps aux | grep vscode-server | grep -v grep | awk '{print $2}' | xargs -r kill -9

命令解释:

  • ps aux | grep vscode-server:列出所有包含 “vscode-server” 的进程。
  • grep -v grep:排除掉 grep 命令自身。
  • awk ‘{print $2}’:提取出进程的 PID(第二列)。
  • xargs -r kill -9:将上一步得到的所有 PID 传递给 kill -9命令进行强制终止。-r选项表示如果没有进程则什么都不做。

GitLens — Git supercharged

通过 Git blame 注释和 CodeLens 一目了然地可视化代码作者身份

VS Code Counter

统计代码量

/images/guides/VSCode相关配置/2.png
(图2)

右击指定目录,选择 Count lines in directory

/images/guides/VSCode相关配置/3.png
(图3)

统计后,项目目录里会出现 .VSCodeCounter 的目录,并按照统计时间展现对应的代码统计数据。

/images/guides/VSCode相关配置/4.png
(图4)

这里需要注意的是,记得在 .gitignore 增加 .VSCodeCounter 目录过滤,避免上传到代码仓库。

/images/guides/VSCode相关配置/5.png
(图5)

设置

滚轮调整字体大小

文件 -> 首选项 -> 设置 -> 搜索 "zoom"

  • Editor:Mouse Wheel Zoom 对编辑器字体大小进行缩放
  • Terminal>Integrated:Mouse Wheel Zoom 对终端字体大小进行缩放

竖着选多行

IDEA 中用的是 alt + 鼠标左键VSCode 中用的是 alt + shift + 鼠标左键


上下级文件夹目录分离展示

文件 -> 首选项 -> 设置 -> 搜索 "compact"

取消 Explorer:Compact Folders 选项的勾选


打开的多个文件分行排列

文件 -> 首选项 -> 设置 -> 搜索 "wrap tabs"

勾选 Workbench>Editor:Wrap Tabs


关闭自动检查更新

  1. 导航到【文件】»【首选项】»【设置】»【应用程序】»【更新】
  2. 取消勾选Enable Windows Background Updates
  3. Mode选择none
  4. 重启VS Code
/images/guides/VSCode相关配置/10.png
(图10)

关闭插件自动更新

  1. 导航到【文件】»【首选项】»【设置】»【功能】»【扩展】
  2. 取消勾选​Auto Check Updates
  3. Auto Update选择所有扩展
  4. 重启VS Code
/images/guides/VSCode相关配置/11.png
(图11)

问题

VSCode 终端显示无权限

右键 -> 属性 -> 兼容性

/images/guides/VSCode相关配置/1.jpg
(图1)

0%