vscode

如果没有特别说明, C for Ctrl, A for Alt, S for Shift.

常用设置

字体 ctrl+shfit+P 打开命令面板, 输入settings, 查找到Open Setting (UI) 然后在设置面板查找editor.fontFamily这一项. 在Editor: Font Family下面设置字体, 注意有用户设置和工作区设置, 也就是可以对特定文件夹设置特定的字体. 工作区设置会覆盖用户设置.

可以设置三类字体, 盲猜应该分别是Serif,Sans,mono, 即衬线体, 无衬线体, 等宽字体.

比如设置为

'PingFang SC Bold', 'Courier New', 'monospace' # 例1
'Noto Serif CJK SC Bold','PingFang SC Bold','Noto Sans Mono CJK SC' # 例2
'PingFang SC Bold','Noto Sans CJK SC Bold','Noto Sans Mono CJK SC' # 例3
'Noto Serif CJK SC Bold','Noto Sans CJK SC Bold','Noto Sans Mono CJK SC' # 例4
'Noto Sans CJK SC Bold','Noto Sans CJK SC Bold','Noto Sans Mono CJK SC' # 例5
'Source Han Sans SC','Noto Sans CJK SC Bold','Noto Sans Mono CJK SC' # 例6

设置对应一个json文件, 在json中的写法是,

  "editor.fontFamily": "'PingFang SC Bold','Noto Sans CJK SC Bold','Noto Sans Mono CJK SC'",
  "terminal.integrated.fontFamily": "Meslo LG M for Powerline"

各种常用命令

toggle tab key moves focus: 用 tab 控制焦点切换, 会影响终端补全.

gitlens blame 显示

文件上方会有小字标示更改blame, 这个是gitlen插件的功能, 如果不需要, 在gitlen设置中关闭即可

常见概念

预览模式

当你在资源管理器中单击或选择一个文件时,它将以预览模式显示,并重复使用现存的 标签. 如果你正在快速浏览文件,并且不希望每个被访问的文件都有自己的标签,这很有用. 当你开始编辑文件或使用双击从资源管理器中打开文件时,将新建标签, 专门用于该文件.

预览模式中,标签里的文件名是斜体字

分屏

专业提示: 当鼠标悬停在右上角工具条上的分割编辑器动作时(图标是摊开书本的形状), 按住 Alt 可以变换分割屏幕的方向.这是一个快速的方法,可以向右或向下分割.

其他小技巧:

官方文档: Visual Tricks

练习场地

在欢迎页面的右下方,有一个链接导向互动操场,在那里你可以互动地尝试VS Code的功能. 或者点击Help > Interactive Playground.

多光标编辑

C+A+S+ 上下左右, 或 S+A+鼠标拖拽
C+A+Up, C+A+down
A+click
C+A+L ; 选取所有相同实例

智能补全

C+space

行操作

由于按行处理文本是很常见的,我们提供了一套有用的快捷方式来帮助处理.

复制一行并在当前位置上方或下方插入它; S+A+down或S+A+up.
分别用A+上或A+下将整行或选定的行向上或向下移动.
用C+S+k删除整行

批量重命名

重命名一个符号,如函数名或变量名,是很容易的. 按下 F2 键, 将寻找项目的所有文件中的实例. 你也可以在右键上下文菜单中看到重构.

自动缩进

如果没有一个好的格式化工具,要保持你的代码看起来很好是很难的. 可以用S+A+F对整个文档进行编辑.(可以右键查看,快捷键可能有所不同) 或者用 C+K C+F 对当前的选择进行处理.

代码折叠

在一个大文件中,折叠代码段, 增加可读性往往是有用的. 要做到这一点,你可以简单地按C+S+[,C+S+],来折叠或展开.

折叠也可以通过左边沟槽(gutter,即行数旁边的竖条)中的+/-图标来完成. 要折叠所有部分,请使用C+K C+0,要展开所有部分,请使用C+K C+J.

错误提示

当你编辑你的代码时,错误和警告会以波浪线斜线的形式突出显示. 通过按F8,你可以依次浏览这些错误并看到详细的错误信息.

代码片段生成

通过使用片段(snippets),你可以大大加速你的编辑.

输入try, 并从建议列表中选择trycatch,然后按tab来创建一个try->catch块. 你的光标将被移动, 例如文字error上,以方便编辑.如果存在一个以上的参数,那么按tab就可以跳到它.

代码片段生成咒语

Emmet将片段(snippets)的想法提高到新水平.

你可以输入类似CSS的表达式,它们可以被动态解析,并根据你在缩写中输入的内容产生输出.

将光标放在合法的Emmet缩写或片段的末尾,在 编辑菜单中选择Emmet: Expand Abbreviation,扩展就会生效. 例如:

ul>li.item$*5

JavaScript类型检查

有时,对你的JavaScript代码进行类型检查, 可以帮助你发现未捕捉到的的错误. 你可以对现有的JavaScript代码运行TypeScript类型检查器,只需在文件的顶部添加一个// @ts-check注释.

// @ts-nocheck
let easy = true;
easy = 42;

提示:

你也可以开启工作目录,或应用程序范围的类型检查, 通过在工作区设置, 或用户设置中添加

"javascript.implicitProjectConfig.checkJs": true

还可以使用// @ts-nocheck忽略文件, // @ts-ignore明确忽略某些行. 请查看VS Code中的JavaScript文档以了解更多.

其他

按Ctrl+`(倒引号)打开集成终端. 然后通过查看终端文档来了解它的功能.

按Ctrl+Shift+G G来使用版本控制. 通过查看版本控制文档了解如何添加更改, 提交, 更改分支和查看差异等.

通过按Ctrl+Shift+X在我们的集成库中浏览成千上万的扩展. 拓展文档将告诉你如何查看最受欢迎的扩展,禁用已安装的扩展等等.

命令板

访问基于目前内容可使用的所有命令: Ctrl+Shift+P

默认快捷键

所有的命令都在命令板中,并有相关的键绑定(如果存在的话). 如果你忘记了一个键盘快捷键,可以用命令板来帮助你.Ctrl+Shift+P

快捷键清单

根据平台特性,不同平台的快捷键可能有所不同.下载你所在平台的键盘快捷键参考表.

macOS键盘 Windows键盘 Linux键盘

快速打开

快速打开文件, 键盘快捷键: Ctrl+P.

提示: 按下Ctrl+P,再输入?, 可以查看帮助建议.

快开多文件

你可以通过按 右箭头 键从 快速打开中一次性打开多个文件. 将在后台打开当前选择的文件,你可以继续从 快速打开 选择文件.

命令行

VS Code有一个强大的命令行界面(CLI),允许你自定义编辑器的启动方式, 以应对各种情况.

请确保VS Code二进制文件在你的路径上,这样你就可以简单地输入code来启动VS Code. 请参见平台特定的设置主题 , 查看VS Code在安装过程中, 如何被添加到环境路径中.

Running VS Code on Linux, macOS setup, Windows setup

# open code with current directory
code .

# open the current directory in the most recently used code window
code -r .

# create a new window
code -n

# change the language
code --locale=es

# open diff editor
code --diff <file1> <file2>

# open file at specific line and column <file:line[:character]>
code --goto package.json:10:5

# see help options
code --help

# disable all extensions
code --disable-extensions .

vscode 配置文件夹

工作区的特定文件在根部的.vscode文件夹中. 例如,tasks.json用于Task Runner,launch.json用于调试器.

Status Bar 状态栏

浏览错误

键盘快捷键: Ctrl+Shift+M; 快速跳到项目中的错误和警告.用F8或Shift+F8循环浏览错误.

你可以通过输入('errors', 'warnings') 或文本匹配来过滤 bug.

改变语言模式

键盘快捷键: Ctrl+K M; 如果你想为该文件类型持续使用新的语言模式, 你可以使用Configure File Association for命令将当前文件扩展名与已安装的语言相关联.

个性化 vscode

你可以做很多事情来定制VS Code.

改变主题
改变键盘快捷方式
调整设置
添加JSON验证
创建代码段(snippets)
安装扩展

换主题

键盘快捷键: Ctrl+K Ctrl+T.

你可以从VS Code扩展商店中安装更多的主题.此外,你可以安装和改变你的文件图标主题.

键盘映射

你是否习惯了其他编辑器的键盘快捷键?你可以安装一个Keymap扩展,把你喜欢的编辑器的键盘快捷键带到VS Code. 进入 Preferences > Keymap Extensions,可以看到Marketplace上的当前列表.一些比较流行的有:

Vim
Sublime Text Keymap
Emacs Keymap
Atom Keymap
Eclipse Keymap

自定义快捷键

键盘快捷键: Ctrl+K Ctrl+S; 你可以搜索快捷键, 并在keybindings.json文件中添加你自己的键位.

详见: Key Bindings for Visual Studio Code.

调教设置

默认情况下,VS Code会显示Settings编辑器,你可以在搜索栏搜索设置项, 在下面浏览列出的设置.

但你仍然可以通过使用Open Settings (JSON)命令来编辑底层settings.json文件, 或者更改json中的workbench.settings.editor, 来选择你的默认setting编辑器.

打开用户设置settings.json; 键盘快捷键: Ctrl+,.

粘贴时自动格式化

"editor.formatOnPaste": true

改变UI字体样式

// Main editor
"editor.fontSize": 18,
// Terminal panel
"terminal.integrated.fontSize": 14,
// Output panel
"[Log]": {
    "editor.fontSize": 15
}

调整界面放大倍数

"window.zoomLevel": 5

Font ligatures 合字

"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true

提示: 你需要安装一种支持连字的字体.FiraCode 是VS Code团队中的一种流行字体.

自动保存

"files.autoSave": "afterDelay"

也可以在顶层菜单中打开 Auto Save, File > Auto Save.

保存时自动格式化

"editor.formatOnSave": true

调整tab大小

"editor.tabSize": 4

用空格还是制表符

"editor.insertSpaces": true

显示空白字符

"editor.renderWhitespace": "all"

忽略文件/文件夹

从编辑窗口中忽略

"files.exclude": {
    "somefolder/": true,
    "somefile": true
}

从搜索结果中忽略

"search.exclude": {
    "someFolder/": true,
    "somefile": true
}

And many, many other customizations.

为特定语言设置

对于你只想对特定语言进行的设置,你可以通过语言标识符来确定设置的范围. 你可以在语言标识符参考中找到常用的语言标识符列表.

"[languageid]": {

}

提示: 你也可以用 Configure Language Specific Settings 命令创建特定语言设置.

添加JSON验证

对许多文件类型默认启用.在settings.json中创建你自己的模式(schemas)和验证.

"json.schemas": [
    {
        "fileMatch": [
            "/bower.json"
        ],
        "url": "http://json.schemastore.org/bower"
    }
]

或者在特定工作目录下定义的模式,

"json.schemas": [
    {
        "fileMatch": [
            "/foo.json"
        ],
        "url": "./myschema.json"
    }
]

or a custom schema

"json.schemas": [
    {
        "fileMatch": [
            "/.myconfig"
        ],
        "schema": {
            "type": "object",
            "properties": {
                "name" : {
                    "type": "string",
                    "description": "The name of the entry"
                }
            }
        }
    },

See more in the [JSON documentation][(https://code.visualstudio.com/docs/languages/json).

拓展 Extensions

快捷键 : Ctrl+Shift+X

寻找拓展

In the VS Code Marketplace .
Search inside VS Code in the Extensions view.
View extension recommendations
Community curated extension lists, such as awesome-vscode.

安装拓展

In the Extensions view, you can search via the search bar or click the More Actions (...) button to filter and sort by install count.

拓展推荐

In the Extensions view, click Show Recommended Extensions in the More Actions (...) button menu.

自建拓展

你对创建你自己的扩展感兴趣吗? 你可以在扩展API文档中了解创建拓展. 特别是查看 documentation on contribution points.

配置,configuration
命令,commands
按键绑定,keybindings
语言,languages
调试器,debuggers
语法,grammars
主题,themes
片段,snippets
json 验证,jsonValidation

文件和文件夹

内部集成终端

快捷键: Ctrl+`

Integrated Terminal documentation Mastering VS Code's Terminal

自动保存 Auto Save

Open User Settings settings.json with Ctrl+,

"files.autoSave": "afterDelay"

你也可以通过顶层菜单的 File > Auto Save 来切换自动保存.

切换侧栏 Toggle Sidebar

快捷键 : Ctrl+B

禅模式/佛系模式 Zen mode

快捷键 : Ctrl+K Z

进入心无旁骛的禅模式. 按 Esc 键两次,退出禅模式.

并列编辑 Side by side editing

快捷键 : Ctrl+\. 你也可以通过拖放编辑器来创建新的编辑组,并在组之间移动编辑器.

编辑器间切换Switch between editors

快捷键 : Ctrl+1, Ctrl+2, Ctrl+3

去往浏览器窗口 Move to Explorer window

快捷键 : Ctrl+Shift+E

创建或者打开文件 Create or open a file

快捷键 : Ctrl+click (Cmd+click on macOS)

你可以通过将光标移动到文件链接处, 并使用Ctrl+点击 来快速打开文件或图像或创建新文件.

关闭打开的文件夹Close the currently opened folder

快捷键 : Ctrl+F4

编辑历史导航 Navigation history

浏览整个历史: Ctrl+Tab. 向后浏览: Alt+Left. 向前浏览: Alt+Right.

文件拓展名关联 File associations

为没有正确检测的文件创建语言关联.例如,许多带有自定义文件扩展名的配置文件实际上是JSON.

"files.associations": {
    ".database": "json"
}

阻止瞎几把保存 Preventing dirty writes

当磁盘上的文件发生变化,而你试图保存在VS Code中的修改时,VS Code 会显示一个错误信息. VS Code阻止保存文件,以防止覆盖在其他编辑器中所做的修改.

为了解决保存冲突,点击错误信息中的 比较 动作,打开差异编辑器,显示磁盘上的文件内容(在左边)和VS Code中的内容(在右边)的对比.

使用编辑器工具栏中的动作来处理保存冲突. 你可以接受code中的修改, 从而覆盖磁盘上的任何修改,或者 恢复 到磁盘上的版本. 恢复意味着你的修改将被丢失.

注意: 文件将保持dirty状态,无法被保存, 直到你选择这两个行动之一来解决冲突.

编辑的魔法 Editing hacks

下面是一些编辑代码的常用功能.如果这些键盘快捷键对你来说并不舒服. 可以考虑为你的旧编辑器安装一个keymap extension.

提示: 你可以在 扩展 视图中用 Ctrl+K Ctrl+M 看到推荐的键盘映射扩展,它将搜索过滤设置为@recommended:keymaps.

多光标编辑

要在任意位置添加光标,用鼠标选择一个位置并使用Alt+Click(在macOS上使用Option+click).
要在当前位置上方或下方设置光标,请使用键盘快捷键: Ctrl+Alt+Up或Ctrl+Alt+Down.
你可以用Ctrl+Shift+L为当前选择的所有实例添加额外的光标.

注意: 你也可以通过更改json设置文件中的editor.multiCursorModifier, 将应用多个光标的modifier改为Ctrl/Commd. 详见: vscode settings Multi-cursor Modifier

如果你不想一次选择所有实例, 你可以使用Ctrl+D.这只会选择下一个实例, 所以你可以逐个添加选择.

列(框)选择

你可以在拖动鼠标的同时按住Shift+Alt(在macOS上为Shift+Option)来选择文本块.每个被选中的行的末尾都会增加一个单独的光标. 你也可以使用键盘快捷键来触发列选择.

键盘快捷键

快速滚动 Fast scrolling

按 Alt 键可以在编辑器和探索器中快速滚动. 默认情况下,快速滚动使用5倍的速度倍数,但你可以用Editor: Fast Scroll Sensitivity设置 (editor.fastScrollSensitivity).

向上/向下复制行 Copy line up/down

快捷键 : Shift+Alt+Up or Shift+Alt+Down

命令 Copy Line Up/Down 在 Linux 上没有被绑定,因为VS Code默认的按键绑定会与Ubuntu的按键绑定相冲突. 见[问题#509][(microsoft/vscode#509) 你仍然可以将命令editor.action.copyLinesUpAction和editor.action.copyLinesDownAction设置为你自己喜欢的快捷键.

向上/向下移动行 Move line up and down

快捷键 : Alt+Up or Alt+Down

缩小/扩大选择 Shrink / expand selection

快捷键 : Shift+Alt+Left or Shift+Alt+Right

You can learn more in the Basic Editing documentation.

查找符号 Go to Symbol in File

快捷键 : Ctrl+Shift+O

You can group the symbols by kind by adding a colon, @:.

跳到指定行 Navigate to a specific line

快捷键 : Ctrl+G

撤销光标移动 Undo cursor position

快捷键 : Ctrl+U

删除行末空白 Trim trailing whitespace

快捷键 : Ctrl+K Ctrl+X

代码格式化 Code formatting

Currently selected source code: Ctrl+K Ctrl+F

Whole document format: Shift+Alt+F

代码折叠 Code folding

快捷键 : Ctrl+Shift+[ and Ctrl+Shift+]

选中当前行 Select current line

快捷键 : Ctrl+L

跳转到文件首尾 Navigate to beginning and end of file

快捷键 : Ctrl+Home and Ctrl+End

打开markdown预览 Open Markdown preview

在Markdown文件中,使用快捷键 : Ctrl+Shift+V

markdown同步预览 Side by side Markdown edit and preview

在Markdown文件中,使用快捷键 : Ctrl+K V. 预览和编辑将与你在两个视图中的滚动同步.

智能补全 IntelliSense

Ctrl+Space来触发建议小部件(widget).你可以查看可用的方法,参数提示,简短的文档等.

瞄下定义 Peek

选择一个符号,然后输入Alt+F12.或者,你也可以使用上下文菜单.

转到符号定义位置 Go to Definition

选择一个符号,然后输入F12.或者,你可以使用上下文菜单或Ctrl+点击(在macOS上为Cmd+点击). 你可以使用Go > Back命令或Alt+Left回到你以前的位置.

如果你将鼠标悬停在type上时按下Ctrl(macOS为Cmd),你也可以看到类型定义.

转到符号引用 Go to References

选择一个符号,然后输入Shift+F12.或者,你也可以使用上下文菜单.

打开所有引用视图 Find All References view

选择一个符号,然后输入 Shift+Alt+F12,打开 References 视图,在一个专门的视图中显示所有文件的符号.

重命名符号 Rename Symbol

选择一个符号然后输入F2.或者,你也可以使用上下文菜单.

检索并修改 Search and modify

除了搜索和替换表达式,你还可以使用带有捕获组的正则表达式来搜索和重用被匹配的部分内容.

按下Ctrl+F, 在搜索框中, 通过点击Use Regular Expression(.*按钮, Alt+R)启用正则表达式, 然后编写正则表达式并使用括号(), 来定义捕获组.

然后在Replace字段中, 你可以通过使用$1,$2 等来重复使用每个捕获组匹配到的内容, 相当于临时寄存器.

.eslintrc.json --啥??-

Install the ESLint extension. Configure your linter however you'd like. Consult the ESLint specification for details on its linting rules and options.

Here is configuration to use ES6.

{
  "env": {
    "browser": true,
    "commonjs": true,
    "es6": true,
    "node": true
  },
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true,
      "classes": true,
      "defaultParams": true
    }
  },
  "rules": {
    "no-const-assign": 1,
    "no-extra-semi": 0,
    "semi": 0,
    "no-fallthrough": 0,
    "no-empty": 0,
    "no-mixed-spaces-and-tabs": 0,
    "no-redeclare": 0,
    "no-this-before-super": 1,
    "no-undef": 1,
    "no-unreachable": 1,
    "no-use-before-define": 0,
    "constructor-super": 1,
    "curly": 0,
    "eqeqeq": 0,
    "func-names": 0,
    "valid-typeof": 1
  }
}

Lint : 在计算机科学中, lint 是一种工具程序的名称, 它用来标记源代码中, 某些可疑的, 不具结构性(可能造成bug)的段落. 它是一种静态进程分析工具, 最早适用于C语言, 在UNIX平台上开发出来. 后来它成为通用术语, 可用于描述在任何一种电脑编程语言中, 用来标记源代码中有疑义段落的工具.

package.json --啥??-

See IntelliSense for your package.json file.

代码魔法 Emmet syntax

Support for Emmet syntax.

代码片段生成 Snippets

自定义片段 Create custom snippets

File > Preferences > User Snippets (Code > Preferences > User Snippets on macOS), select the language, and create a snippet.

"create component": {
    "prefix": "component",
    "body": [
        "class $1 extends React.Component {",
        "",
        "\trender() {",
        "\t\treturn ($2);",
        "\t}",
        "",
        "}"
    ]
},

See more details in Creating your own Snippets.

集成的Git;Git integration

快捷键 : Ctrl+Shift+G

Git集成在 VS Code中, 是开箱即用的(out-of-the-box).你可以从扩展市场上安装其他SCM(源代码版本控制)工具. 本节介绍了Git集成,但大部分的用户界面和手势对其他SCM也适用.

查看更改;Diffs

在 源代码控制 视图中(Ctrl+Shift+G),选择要比较的文件.

并排对比差别; 默认为并排对比差别.
内联视图; 行内对比差别

通过点击右上方的More Actions(...) 按钮,选择 Switch to Inline View 来切换内联视图. 如果你喜欢内联视图,你可以设置 setting.json 为"diffEditor.renderSideBySide": false.

检查修改;review pane

Navigate through diffs with F7 and Shift+F7. This will present them in a unified patch format. Lines can be navigated with arrow keys and pressing Enter will jump back in the diff editor and the selected line.

编辑待定提交; Edit pending changes

You can make edits directly in the pending changes of the diff view.

分支; Branches

Easily switch between Git branches via the Status Bar.

提交修改;Staging

提交所有; Hover over the number of files and click the plus button.
提交选择范围 ; Stage a portion of a file by selecting that file (using the arrows) and then choosing Stage Selected Ranges from the Command Palette.

撤销最新提交 Undo last commit

More Actions > Undo last commit

查看 Git 输出 See Git output

使用 VS Code 可以很容易地看到,实际运行的 Git 命令. 这在学习Git, 或调试困难的源代码控制问题时很有帮助.

使用切换输出命令(Ctrl+Shift+U),在下拉菜单中选择Git. 或者按下Ctrl+`, 切换到OUTPUT标签页, 在下拉菜单中选择Git.

侧边框指示器 Gutter indicators

在编辑器中查看改动的提示.

See gutter documentation for more details.

解决合并冲突 Resolve merge conflicts

在合并过程中,进入 源代码控制视图(Ctrl+Shift+G),直接点击相应文件名, 在差异视图中进行修改, 会显示与上个提交的差异.

将VS Code 设为默认合并工具 Set VS Code as default merge tool

修改git config, 全局文件在~/.gitconfig.

git config --global merge.tool code

调试 Debugging

配置调试器 Configure debugger

打开 命令板(Ctrl+Shift+P)并选择 Debug: Open launch.json.

它将提示你选择与你的项目相匹配的环境(Node.js,Python,C++,等等).这将生成一个launch.json文件. Node.js支持是内置的,其他环境需要安装相应的语言扩展.

更多细节见调试文档.

python 配置

open launch.json 打开调试文件

有两种标准配置,或者在code的集成终端中运行,或者在外部终端运行:

{
    "name": "Python: Current File (Integrated Terminal)",
    "type": "python",
    "request": "launch",
    "program": "${file}",
    "console": "integratedTerminal"
},
{
    "name": "Python: Current File (External Terminal)",
    "type": "python",
    "request": "launch",
    "program": "${file}",
    "console": "externalTerminal"
}

还可以添加其他设置如args,但它不属于标准配置的一部分. 比如,你经常运行 startup.py,并使用参数 --port 1593, 则可以添加如下配置:

 {
     "name": "Python: startup.py",
     "type": "python",
     "request": "launch",
     "program": "${workspaceFolder}/startup.py",
     "args" : ["--port", "1593"]
 },

name ; vscode 下拉列表中的名字
type; 要使用的调试器类型;对于 Python代码,将此设置为 python.
request ; 指定调试开始的模式.
launch; 在program中指定的文件上启动调试器.
attach; 将调试器附加到一个已经运行的进程.请看Remote debugging的例子.
program: 程序的路径. ${file},当前激活的编辑器,可以是绝对路径,也可以是相对路径,如: "program": "${workspaceFolder}/pokemongo_bot/event_handlers/__init__.py"
python: 用来debug的python 解释器的全路径. 如果不指定,使用python.pythonPath,等价于${config:python.pythonPath}, 也可以使用环境变量. 还可以向解释器传递参数,"python": ["<path>", "<arg>",...].
args ; 传递给 python 程序的参数. 如"args": ["--quiet", "--norepeat", "--port", "1593"]
stopOnEntry ; 当设置为true时,在地一行停下. 默认忽略,在第一个间断点停下.
console ; 指定程序如何输出结果,可以设置成"internalConsole","externalTerminal","integratedTerminal" (default)
cwd 指定当前工作目录,默认为${workspaceFolder} (打开vscode的目录)
redirectOutput ; 是否重定向debug输出. 选择XXterminal时,默认关闭. (不在VS code debug window中输出)
justMyCode ; true或忽略,只调试用户写的代码. false也调试标准库函数.
django ; 当设置为 true 时,会激活 Django 网络框架特有的调试功能.
sudo ; 设置为true,且调试窗口选择为externalTerminal时,可以提升权限
pyramid ; 当设置为 true时,确保用必要的pserve命令启动一个Pyramid应用程序.
env ; 设置可选的环境变量, 为 debugger 进程, 除了系统变量之外. 值必须为字符串.
envFile ; 包含环境变量定义的文件的可选路径.参见 Configuring Python environments - environment variable definitions file.
gevent; 如果设置为 true,可以对 gevent monkey-patched 的代码进行调试.

断点和步进 Breakpoints and stepping through

在行号旁边放置断点.用Debug部件(widget)向前导航.

数据检查 Data inspection

在 Debug 面板和控制台中检查变量.

行内变量值预览 Inline values

你可以设置"debug.inlineValues": true在调试器中inline地看到变量值. 这个功能可能很昂贵,可能会拖慢步进速度,所以默认是禁用的.

任务执行器 task runner

自动侦测任务 Auto detect tasks

从顶层菜单中选择Terminal,运行Configure Tasks命令. 然后选择你想运行的任务类型.这将产生一个tasks.json文件,内容如下.

{
  // See https://go.microsoft.com/fwlink/?LinkId=733558
  // for the documentation about the tasks.json format
  "version": "2.0.0",
  "tasks": [
    {
      "type": "npm",
      "script": "install",
      "group": {
        "kind": "build",
        "isDefault": true
      }
    }
  ]
}

自动探测偶尔出问题. 请查看任务文档, 以使程序正常工作.

从终端菜单运行任务 Run tasks from the Terminal menu

从顶层菜单中选择 终端,运行 Run Task命令,并选择你要运行的任务.通过运行Terminate Task命令来终止正在运行的任务.

定义任务的键盘快捷键; 你可以为任何任务定义一个键盘快捷键. 从 命令板(Ctrl+Shift+P),选择Preferences: Open 快捷键 s File, 将所需的快捷键绑定到 workbench.action.tasks.runTask命令,并将Task定义为args.

例如,要将 Ctrl+H绑定到 Run tests任务,添加以下内容:

{
  "key": "ctrl+h",
  "command": "workbench.action.tasks.runTask",
  "args": "Run tests"
}

从浏览器运行npm脚本作为任务 Run npm scripts as tasks from the explorer

通过设置npm.enableScriptExplorer,你可以启用一个资源管理器, 显示工作空间中定义的脚本.

在资源管理器中,你可以在编辑器中打开一个脚本,将其作为一个任务运行,并通过node调试器启动它(当脚本定义了一个调试选项如--inspect-brk).
点击时的默认动作是编辑脚本.要想设置成单击运行脚本,请将npm.scriptExplorerAction设置为 运行.
使用package.json文件中的设置npm.exclude, 来排除包含在特定文件夹中的的脚本.
通过设置npm.enableRunFromFolder,你可以在文件资源管理器, 某个文件夹的上下文菜单中, 运行npm脚本. 当选择一个文件夹时,该设置会启用Run NPM Script in Folder...命令.该命令显示该文件夹中包含的npm脚本的快速选择列表,你可以选择要脚本作为任务执行.

便携模式

VS Code有一个便携式模式它可以让你把设置和数据保存在与你的安装相同的位置,例如,在一个USB驱动器上.

内部版本

Visual Studio Code团队使用Insiders版本来测试VS Code的最新功能和错误修正. 你也可以通过这个链接来使用Insiders版本.

对于早期采用者 - Insiders有最新的代码变化,供用户和扩展作者试用.
频繁的构建 - 每天都有新的构建,包括最新的错误修复和功能.
并排安装 - Insiders安装在稳定版的旁边,允许你独立使用这两个版本.

Files

vscode.md

Latest commit

History

vscode.md

File metadata and controls

vscode

常用设置

各种常用命令

gitlens blame 显示

常见概念

预览模式

分屏

练习场地

多光标编辑

智能补全

行操作

批量重命名

自动缩进

代码折叠

错误提示

代码片段生成

代码片段生成咒语

JavaScript类型检查

其他

命令板

默认快捷键

快捷键清单

快速打开

最近文件导航

快开多文件

命令行

vscode 配置文件夹

Status Bar 状态栏

浏览错误

改变语言模式

个性化 vscode

换主题

键盘映射

自定义快捷键

调教设置

粘贴时自动格式化

改变UI字体样式

调整界面放大倍数

Font ligatures 合字

自动保存

保存时自动格式化

调整tab大小

用空格还是制表符

显示空白字符

忽略文件/文件夹

为特定语言设置

添加JSON验证

拓展 Extensions

寻找拓展

安装拓展

拓展推荐

自建拓展

文件和文件夹

内部集成终端

自动保存 Auto Save

切换侧栏 Toggle Sidebar

禅模式/佛系模式 Zen mode

并列编辑 Side by side editing

编辑器间切换Switch between editors

去往浏览器窗口 Move to Explorer window

创建或者打开文件 Create or open a file

关闭打开的文件夹Close the currently opened folder

编辑历史导航 Navigation history

文件拓展名关联 File associations

阻止瞎几把保存 Preventing dirty writes

编辑的魔法 Editing hacks

多光标编辑

列(框)选择

快速滚动 Fast scrolling

向上/向下复制行 Copy line up/down

向上/向下移动行 Move line up and down

缩小/扩大 选择 Shrink / expand selection

查找符号 Go to Symbol in File

跳到指定行 Navigate to a specific line

缩小/扩大选择 Shrink / expand selection