VSCode

2022-03-18

安装

Terminal window
1
brew install --cask visual-studio-code

使用

技巧

启动

直接在终端下使用 VS Code 打开指定文件夹,首先要安装 Shell Command: Install 'code' command in PATH,待安装完成后:

  1. 直接在终端输入:code
  2. 或者指定文件夹:code /

自动保存

菜单栏 - 文件 - 自动保存

修改设置 “files.autoSave”: “onWindowChange”,

即当离开 VS Code 界面时,则自动存档

  • files.autoSave
    • “off”:关闭自动保存
    • “afterDelay”:延时保存
      • “files.autoSaveDelay”:设置延时多久保存
    • “onFocusChange”:焦点离开文档保存
    • “onWindowChange”:焦点离开 VS Code 后保存

禅模式

  • 修改居中布局

快捷键

  • Command : ⌘
  • Option : ⌥
  • Control: ⌃
  • Shift : ⇧

  • Q : Quick Open 视图
  • P : 所有命令
  • O : 打开文件

  • 打开快捷键命令:Command + k, Command + s
  • 颜色主题:Command + K Command + T
  • 禅模式:Command + K + Z
  • 放大:Command + +
  • 缩小:Command + -
  • 匹配所有选中项:Command + Shift + L

活动栏

  • 边栏:Command + B

    • 扩展:Command + Shift + X
    • 搜索:Command + Shift + F
    • 运行调试:Command + Shift + D
    • 资源管理器:Command + Shift + E
    • 源代码管理:Control + Shift + G
  • 面板:Command + J

    • 输出:Shift + command + U
    • 问题:Shift + Command + M
    • 终端:Control + `
  • Command + Shift + D: 运行调试

  • Command + Shift + E: 资源管理器

  • Command + Shift + F: 搜索

  • Command + Shift + G: 代码管理(自定义)

  • Command + Shift + X: 扩展

外观显示

  • Command + J: 显示面板
    • Command + Shift + M: 问题
    • Command + Shift + U: 输出
    • Command + Shift + Y: 调试控制台
    • Command + Shift + C: 终端 #自定义

功能

  • Command + Shift + i : 打开外部终端 #自定义

查找

  • 编辑器
    • 搜索:Command + F
    • 替换:Command + Option + F
  • 资源管理器
    • 查找:Command + Shift + F
    • 替换:Command + Shift + H
  • 编辑器
    • 编辑器组:Command + 1

编辑器

编辑器即窗口

  • 切换
    • 上一窗口:Command + Shift + [
    • 下一窗口:Command + Shift + ]
  • 移动
    • 第一组:Command + 1
    • 上一窗口:Command + Ctrl + ->
    • 下一窗口:Command + Ctrl + <-
    • 最后一组:Command + 0
  • 布局
    • 水平/垂直:Command + Option + 0

插件

安装方法

  1. 按住 Com + Shift + X 打开扩展界面,然后输入要安装的扩展名
  2. 或者按住 Com + Shift + P,然后输入 ext install 扩展名

扩展推荐

  • C S + P,输入 show Recommender Extersion,查看推荐安装的扩展

通用

Web

  • Volar:Vue 官方推荐的 VSCode 扩展 Vue

  • Vue VSCode Snippets:Vue 代码片段生成 Vue

  • Auto Close Tag:HTML 标签自动闭合 HTML

  • Prettier for VSCode:代码格式化工具
  • EditorConfig for VSCode:协作规范
  • ESLint for VSCode:代码检查

已安装扩展

  • Python 2018.6.0
  • vim 0.14.1:支持 Vim 快捷键
  • Path Intellisense:路径补全
  • Material Theme:主题
  • Markdown All in One:Markdown 插件
  • Chinese (Simplified):中文语言包
  • Excel Viewer:预览 .xlsx 和 .csv 文件
  • advanced-new-file 使用命令在任意位置新建文件或文件夹
  • Code Runner 运行 Python Go JS 等代码

配置

常用

  • Word Wrap: 配置自动换行

针对语言进行配置

在 json 文件中增加:

1
{
2
"....",
3
"[python]": {
4
"editor.wordWrapColumn": 120,
5
}
6
}

禁用隐私报告

修改设置项:

“telemetry.enableTelemetry”: false

崩溃报告:

1
"telemetry.enableCrashReporter": false

设置代码长度

在一定字符后显示标尺

“editor.rulers”: [80]

设置在资源管理器中新建文件的快捷键

// - explorer.newFile

1
{ "key": "ctrl+cmd+alt+n", "command": "explorer.newFile" },
2
{ "key": "cmd+alt+ctrl+b", "command": "workbench.action.toggleSidebarVisibility" },
  • 打开最近文件或指定文件

修改聚焦于终端和运行 Python 快捷键

  • 去掉右上角缩略图

    • “editor.minimap.enabled” false
  • 显示所有空格字符

    • “editor.renderWhitespace”: “all”,
  • 修改终端字体

    • “terminal.integrated.fontFamily”: “Source Code Pro for Powerline”,
  • 隐藏小地图

    • “editor.minimap.enabled”: false,
  • 在资源管理器隐藏指定文件夹

    • files.exclude
  • 资源管理器排序

    • 1
      "explorer.sortOrder": "modified",
  • 换行

    • 1
      "editor.wordWrap": "bounded",
    • 1
      editor.wordWrapColumn": 120,
  • 更改语言

  • 更改行号宽度

    • “editor.lineNumbersMinChars”: 1, “editor.glyphMargin”: false, “editor.folding”: false,
  • Live-Share Debugging

    • 设置启用Allow Guest Debug Control选项

信息

版本区别

稳定版每月更新一次,而 Insiders 版每天都会更新,比较适合尝鲜。说要说明的是两个版本是可以共存的,并且共享配置插件。

除了稳定版,Visual Studio Code 还提供了一个 Insiders 版本。Insiders 版本与稳定版的最大区别就是更新周期。稳定版每个月更新一次,而 Insiders 版本每天都会更新。Insiders 版本的用户可以更快地获取到最新的功能及 bug 修复,而不用等待一个月的时间。这很适合喜欢尝鲜的用户。此外,Insiders 版本还有一个好处,它可以与稳定版在同一台机器上并存,而且用户配置、颜色主题、快捷键设置、插件等都是相互独立的。

参考