windows环境下 VSCode的安装和调试

作者 @kaka

VSCode的安装和调试

1. 下载安装包

去官网下载安装包直接安装，安装包下载地址
安装就是傻瓜式安装，有选项的就全选。

2. 下载配置编译器

因为VSCode只是一个功能强大的记事本编辑器，而运行c/c++代码必须要编译器才可以生成exe文件，最终运行。
a. 去官网下载，地址：编译器下载地址。如果是32位的系统下载下图中框出的，如果是64位，下载第二个。

b. 下载下来后是一个压缩文件，将它解压缩(解压缩软件推荐Bandizip）得到mingw64文件夹，然后把它拖动到一个合适的位置（或者直接解压缩到这个位置），地址中不要有中文，推荐C:\Program Files

c. 为了让程序能访问到这些编译程序，需要把它们所在的**目录**（我这里是C:\Program File\mingw64\bin，点击地址栏进行复制）**添加到环境变量Path中**。

d. 在命令行中通过 gcc --version命令判断安装是否成功，如下显示版本表示成功

.png&originHeight=169&originWidth=764&originalType=binary&ratio=1&rotation=0&showTitle=false&size=18077&status=done&style=none&taskId=uba36087a-ce1a-4e6b-bb70-621fe3352fd&title=&width=382)

3. 安装扩展工具包

点左边垂直的工具栏的第四个，就可以搜索安装想要的插件，对于C语言编写环境来说，第一个是必须的，第二个是汉化包，安装后可以汉化。前三个都建议安装。

.png&originHeight=629&originWidth=798&originalType=binary&ratio=1&rotation=0&showTitle=false&size=77512&status=done&style=none&taskId=ue4caa538-df51-4470-8d9f-8cb3ba804a3&title=&width=399)

4.如何运行调试

完成了以上三步，就可以运行程序了，但是还是不能调试程序。
启动调试，选择C++(GDB/LLDB)，再选择gcc.exe就可以运行调试了。同时文件目录下会生成这连个文件

.png&originHeight=117&originWidth=328&originalType=binary&ratio=1&rotation=0&showTitle=false&size=2764&status=done&style=none&taskId=u1dbac065-2c56-44e5-b470-b29cc6f4152&title=&width=164)
此时一个简单的运行，调试环境就搭建好了。

5.如何修改快捷键

5.1 修改已有功能快捷键

由于博主长期习惯使用idea和pycharm，所以习惯了idea的快捷键，下面介绍如何修改vscode快捷键成idea格式。
首先下载安装IntelliJ IDEA Keyblindings，安装过后部分快捷键就可以使用了，比如说shift+shift查询所有等等。但是还有些快捷键功能是被覆盖的，这时候就需要我们自己手动去修改，以格式化代码快捷键为例。

1. 文件->首选项->键盘快捷方式，打开如下窗口

.png&originHeight=566&originWidth=873&originalType=binary&ratio=1&rotation=0&showTitle=false&size=55858&status=done&style=none&taskId=u25c81a78-579e-44bb-a58a-c779a70f2b9&title=&width=436.5)

2. 搜索格式自动化，点击左边的小铅笔修改快捷键
3. 同时可以通过json文件，查看修改记录，点击右上角红框标记就可查看

.png&originHeight=250&originWidth=823&originalType=binary&ratio=1&rotation=0&showTitle=false&size=16009&status=done&style=none&taskId=ue4ed2df9-bf54-4ffb-bd1c-1c1d13ca3e2&title=&width=411.5)
里面的内容如下，记录着所有修改的快捷键的信息
注意：如果想重置所有快捷键，只需要将这个文件全选，清空即可。

.png&originHeight=569&originWidth=1117&originalType=binary&ratio=1&rotation=0&showTitle=false&size=38838&status=done&style=none&taskId=uf4827e15-295e-4eb3-93a7-605db7c65a4&title=&width=558.5)

5.2 添加没有的功能快捷键

但是还有一些快捷键不存在，例如自动加分号等等，这时候就可以通过json文件来解决，步骤如下：

1. 在扩展面板安装 macros ，安装完毕重新加载即可正常使用。
2. 创建settings.json文件（放在.vscode文件夹），编写自定义macros

{
"macros": {
    "end_semicolon": [ // 末尾加分号
        "cursorLineEnd",
        {
            "command": "type",
            "args": {
                "text": ";"
            }
        },
    ],
    "end_colon": [ // 末尾加冒号
        "cursorLineEnd",
        { "command": "type",
            "args": {
                "text": ":"
            }
        },
    ],
}
}

3. Keybindings 中设置按键绑定

{
    "key": "ctrl+shift+enter",
    "command": "macros.end_semicolon"   
},
{
    "key": "alt+shift+;",
    "command": "macros.end_colon"
},

6. 如何运行python程序

• 下载python扩展包

• 根据需要切换python解释器的版本，在页面的右下角

7. 常用的小技巧

7.1 设置ctrl+鼠标滚轮调整字体大小

在设置中输入Mouse wheel Zoom，勾选这个选项即可

7.2 添加全局设置

先点击右下角的设置，然后点左上角的json文件标志打开json文件

就可以在以下的json文件中添加全局设置了。

7.2 VS Code中的文件夹与工作区

VS Code中的文件夹与工作区

7.3 VSCode的#ifdef区域变暗处理

7.4 VSCode设置在终端运行

入坑VSCode – 详细配置：运行C++/C代码 在终端运行 文件读入 配置刷题模板

8. VS Code快捷键记录

添加函数注释：
ctrl + alt + t
添加文档注释：
ctrl + alt + I
查看函数的参数
ctrl + alt + u
行操作
在当前行下面插入一行: ctrl + enter
在当前行上面插入一行: ctrl + shift + enter
删除一行：光标没有选择内容时， ctrl + x 剪切一行 ctrl + shift + k 直接删除一行
复制一行： shift + alt + 向下箭头 向下复制一行 shfit + alt + 向上箭头
​

回退： ctrl + z
​

词操作
选中一个单词： ctrl + d

给当前添加注释：ctrl + /
查看快捷键：ctrl + K 然后 ctrl + s
查找并打开文件：ctrl + P
窗口操作
关闭窗口：ctrl + w
关闭编辑器： ctrl + shift + w
关闭所有已经保存的窗口 ：ctrl + k + w
​

颜色主题：ctrl + k 然后 ctrl + t
​

9. 我的配置

**插件大全：**​
颜色主题风格： one dark pro 风格 solarized 风格
文件主题：material icon theme 主题
koroFileHeader ： 一键添加函数注释
Tabnine：自动补全代码
TabOut: 使用tab按键跳出括号
TODO Highlight: 让TODO变成高亮
Bracket Pair Colorizer 2: 彩虹括号
​

参考：万字长文把 VSCode 打造成 C++ 开发利器
在终端运行 ：入坑VSCode – 详细配置：运行C++/C代码 在终端运行 文件读入 配置刷题模板
设置vscode设置同步 ： 史上最全vscode配置使用教程
如何同步vscode设置
​

10. vscode 连接远程服务器 同步操作本地代码

vscode向远程服务器同步代码
vscode 实时同步代码到远程服务器
​

11. vscode sftp upload no such file 错误的解决办法

显示 upload no such file 但是实际上是成功上传了的，可以通过这张方案来解决
vscode sftp upload no such file 错误的解决办法
注意：配置文件的目录相当于根目录，之后文件的目录会和本地打开的目录是一样的。

{
    "name": "10.44.23.253",
    "host": "10.44.23.253",    
    "port": 22,     
    "username": "zhangguodong", 
    "password": "zhangguodong", 
    "protocol": "sftp", 
    "passive": false,
    "interactiveAuth": false,
    "remotePath": "/home/zhangguodong/ipv6",   
    "uploadOnSave": true, 
    "syncMode": "update",
    "ignore": [            
        "**/.vscode/**",
        "**/.git/**",
        "**/.DS_Store"
    ]
}

12. vscode 设置一键添加注释

vscode快速添加文件头部注释和函数注释
koroFileHeader配置及快捷键不生效​

参考

万字长文把 VSCode 打造成 C++ 开发利器
Visual Studio Code 如何编写运行 C、C++ 程序？
VS Code 宏命令实现行尾加分号
挑把趁手的兵器——VSCode配置C/C++学习环境（小白向）
史上最全vscode配置使用教程
入坑VSCode – 详细配置：运行C++/C代码 在终端运行 文件读入 配置刷题模板
VS Code中的文件夹与工作区
​

​