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 版本还有一个好处，它可以与稳定版在同一台机器上并存，而且用户配置、颜色主题、快捷键设置、插件等都是相互独立的。

参考

# 编辑器
# APP
# 编程
# macOS
# Windows
# Linux