VSC学习笔记

1. VSC简介

Visual Studio Code（简称VSC，下同）是微软发布的一款轻量级开源IDE，具有代码编辑（语法高亮、代码补全等）、调试等特性。也拥有对Git开箱即用的支持。同时它还支持插件扩展。
VSC用到的技术栈包括Electron（基于前端技术栈开发跨平台桌面GUI程序的开源框架）, Monaco Editor（基于浏览器的代码编辑器）, TypeScript（JavaScript的严格超集）, Language Server Protocol（编程语言相关的功能）、Debug Adapter Protocol（一个基于json的协议，抽象了开发工具和调试工具之间通信）、Xterm.js（一个使用TypeScript开发的前端组件，将完整的终端功能带入了浏览器）。

2. 安装

VSC可以在Windows, Linux, macOS中运行，本文主要基于Windows系统。
Windows安装简单，在官网下载安装包，按照提示进行安装即可。
需要注意的是，VSC在安装时仅包含基本组件。用户在安装好vsc后可以根据自身需求安装额外插件，如版本控制工具Git，C语言编译器gcc等。

3. 快速入门

3.1 设置

VSC中的所有内容几乎都可以被设置。根据作用范围不同，可以分为User Settings（用户设置，全局范围）和WorkSpace Settings（工作区设置，只在相应的工作区生效，会覆盖用户设置）。
用户可以通过以下两种方法进行设置：
①设置编辑器：Files > Preferences > Settings；Ctrl+,
②settings.json：Ctrl+Shift+P > Open Settings(JSON)

# 一些常用的设置项
"editor.fontSize": 18        #编辑区字体大小
"editor.insertSpaces": true    #Tab键插入空格或制表符
"editor.tabSize": 4            #一个Tab等于的空格数
"files.autoSave": "afterDelay",    #设置自动保存模式
"files.autoSaveDelay": 1000

3.2 用户界面

VSC的界面主要可分为以下5部分，可依次点击菜单栏的 查看>外观 进行显示或隐藏。

①活动栏：方便在不同视图之间进行切换；②侧边栏：包含资源管理器（文件夹视图：浏览和管理项目中文件和文件夹；大纲视图：显示当前文件的符号树；）、搜索、代码过滤器、调试与运行、插件这5个基本视图；③编辑器：代码编辑区域，可以多行或多列的打开多个编辑器；④面板：包括问题、输出、终端、调试面板。⑤状态栏。

通过ctrl+shift+p可以快速打开命令面板，命令面板能调用很多命令，从而实现通过键盘进行操作，解放鼠标。

# 常用命令的快捷键
Ctrl + P    #文件跳转
Crtl + G    #跳转到文件的某一行

并排编辑：①打开新的编辑器：资源管理器文件上单击右键>Open to the Side; alt+单击资源管理器文件；ctrl+\; ②编辑器布局：View>Editor Layout；③ctrl+[1-9]快速的在不同编辑器进行切换。
主题：①颜色主题：ctrl+k + ctrl + t；②文件图标主题：file > preferences > file icon theme。

3.3 编辑功能

更多快捷键：ctrl+k > ctrl+s；help > Keyboard Shortcut Reference

3.4 集成终端

VSC内置了集成终端，其中Windows系统有Command Prompt, PowerShell, WSL Bash（需安装子系统）, Git Bash（需安装）可供选择，默认终端可通过终端右上角的Select Default Shell进行设置。如果选择其它shell（如Cygwin），可以通过terminal.integrated.shell.windows来设置。

终端常用快捷键如下：

多个终端可以进行分割、切换等操作。

4. 进阶应用

4.1 调试

VSC内置对Node.js运行时的调试支持，可直接调试JavaScript和TypeScript。调试其它编程语言则需要安装相应的调试插件。
无论何种编程语言调试，VSC提供了统一的调试界面（Run and Debug视图）。下文5.2列举了一个python的调试示例。

4.2 Git

安装Git，需要确保安装的版本大于2.0.0。安装完成后重启VSC。
常见的git命令

5. Python

5.1 安装

①安装python解释器：下载python安装程序并安装。然后通过以下命令验证是否成功安装了python环境。

py -0    #查看所有安装的python版本，默认解释器被标记星号

②安装python插件：在插件管理视图搜索并安装微软官方发布的python插件。

5.2 使用示例

示例1：编辑和运行
首先按以下代码打开一个窗口，然后在资源管理器创建并打开hello.py文件，在编辑器键入print("hello world")，点击右上角按钮运行文件。

mkdir hi_py
cd hi_py
code .    # 打开一个vsc

单击运行按钮后，python插件会打开一个终端，并执行python代码。

示例2：调试
在需要调试代码前添加断点；打开运行和调试视图，点击调试按钮，选择python file选项进行调试。

在调试视图显示变量信息。在调试控制台可以对python变量和表达式直接进行运算。

示例3：测试
python插件支持unittest、pytest等测试框架。
①在命令面板执行python: config tests依次选择测试框架、包含测试文件的文件夹路径、测试文件命名模式？
②依次准备以下测试文件，待测试文件inc_dec.py；

def increment(x):return x+1def decrement(x):return x-1

单元测试文件test_pytest.py；

import inc_decdef test_increment():assert inc_dec.increment(3) == 4def test_decrement():assert inc_dec.decrement(3) == 4

③在终端执行pytest命令，进行测试。

参考文献：
韩骏.Visual Studio Code权威指南[M].北京:电子工业出版社