VSCode

简介

工作中涉及到使用VSCode作为远程开发工具

必装插件

1、格式化代码插件：Astyle（需配置后使用）

2、高亮括号：Bracket Pair Colorizer 2

3、C++代码提示：C/C++（需配置后使用）

4、汉化：Chinese (Simplified) Language Pack for Visual Studio Code

5、博主喜欢的主题：Panda Theme（代码着色与所选主题相关）

6、远程开发工具：Remote - SSH（需配置后使用）

7、方便运行代码片段和代码文件：Code Runner

8、注释高亮：Better Comments

9、快速编写CMakeList.txt：CMake Tools（需配置后使用）（待完成）

Astyle插件配置

1、插件安装后需要下载Astyle应用，地址：http://astyle.sourceforge.net/

2、下载之后要注意Windows平台和Linux平台安装和使用方式不一样

3、Windows平台：

• 在压缩包里面找到相对目录：AStyle_3.1_windowsAStyleinAStyle.exe
• 在IDE（博主使用的是Qt）设置窗口中配置路径和格式化风格

4、Linux平台：

• tar解压 -> cd进入Astyle目录 -> cmake CMakelist.txt -> make -> make install
• 在IDE（VSCode）setting.json中配置路径和格式化风格

注：

1、Qt配置路径和格式化风格见：https://www.cnblogs.com/citrus/p/15122820.html

2、VSCode配置路径和格式化风格见：https://www.cnblogs.com/citrus/p/15146507.html

C/C++插件配置

1、插件安装时会出现下载安装失败的情况（由于防火墙、内网等原因限制）

2、离线安装cpptools：

• 根据安装环境的不同选择需要下载的cpptools
• 下载cpptools，地址：https://github.com/Microsoft/vscode-cpptools/releases
• 本地安装直接找到下载目录即可，远程安装则需要选择 在远程中安装本地扩展
• 在VSCode的扩展视图中 点击 右上角三点 -> 选择从 VSIX中安装

3、安装好之后就要开始配置了：Windows平台和Linux平台安装使用方式不一样

Windows平台：博主使用的是GCC on Windows的编译环境

• 下载安装MinGW环境安装包，地址：https://sourceforge.net/projects/mingw-w64/files/Toolchains targetting Win32/Personal Builds/mingw-builds/installer/mingw-w64-install.exe/download
• 安装MinGW-w64：双击安装包 -> 弹出窗口中选择安装版本（建议只改第二项为x86_64，其他选项不做改动） -> 选择安装目录 -> 一路next即可
• 添加环境变量，将MinGW-w64的bin目录添加到系统环境变量中即可（博主的为 .mingw-w64x86_64-8.1.0-posix-seh-rt_v6-rev0mingw64in）
• 测试安装结果，在命令行窗口一次执行 gcc -v、g++ -v、gdb -v 查看即可

Linux平台：系统自带环境

4、使用cpptools

• 编写测试代码helloworld.cpp
• 按F5进入调试 -> 选择C++（GDB/LLDB） -> g++.exe
• 在打开的文件夹根目录会自动生成.vscode文件，其中包含两个json配置文件
• 其一为launch.json，配置文件内容下图会具体说明
• 其二为tasks.json，配置文件内容下图会具体说明

配置文件：launch.json

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "g++ - 生成和调试活动文件",
            "type": "cppdbg",
            "request": "launch",
            "program": "${fileDirname}/${fileBasenameNoExtension}",
            "args": [],
            "stopAtEntry": false,
            "cwd": "${fileDirname}",
            "environment": [],
            "externalConsole": false,    //控制台输出，false则不显示终端窗口
            "MIMode": "gdb",
            "setupCommands": [
                {
                    "description": "为 gdb 启用整齐打印",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ],
            "preLaunchTask": "C/C++: g++ 生成活动文件",    //此处要与tasks.json的label一致
            "miDebuggerPath": "/usr/bin/gdb"    //为gdb应用路径
        }
    ]
}

配置文件：tasks.json

{
    "tasks": [
        {
            "type": "cppbuild",
            "label": "C/C++: g++ 生成活动文件",    //此处要与launch.json的perLaunchTask一致
            "command": "/usr/bin/g++",    //为g++应用路径
            "args": [
                "-g",
                "${file}",　　//链接多个源文件时此处需要增加一行 "${fileDirname}",
                "-o",
                "${fileDirname}/${fileBasenameNoExtension}"
            ],
            "options": {
                "cwd": "${fileDirname}"    //为mingw64/bin文件夹路径
            },
            "problemMatcher": [
                "$gcc"
            ],
            "group": {
                "kind": "build",
                "isDefault": true
            },
            "detail": "调试器生成的任务。"
        }
    ],
    "version": "2.0.0"
}

注：

1、MinGW介绍：MinGW 全称是：Minimalist GNU on Windows

它实际上是将经典的开源 C语言 编译器 GCC 移植到了 Windows 平台下，并且包含了 Win32API，因此可以将源代码编译成 Windows 中运行的可执行程序。

而且还可以使用一些 Windows 不具备的Linux平台下的开发工具。一句话来概括：MinGW 就是 GCC 的 Windows 版本 。

由于仅有MinGW-w64被GCC官方所支持，而 MinGW 早已停更，所以推荐使用 MinGW-w64。

2、配置完成后保存.vscode文件，复制到其他工程的根目录下可省略下一次的重新配置。

3、每次更改完配置文件后要及时保存，否则不更新配置信息。

Remote - SSH插件配置

1、插件安装完成后，左侧活动栏会出现远程资源管理器，点击远程资源管理器，添加需要远程的设备

2、输入ssh root@IP:Port，回车即可

3、特别强调，插件安装后第一次远程连接时会让远程端下载一个vscode-server.tar.gz文件

• 网络正常情况下会自动下载安装，如果网络原因导致下载失败则无法连接成功，则需手动下载之后传到远程进行安装
• 具体操作见博客：https://www.cnblogs.com/citrus/p/15125753.html

4、上述弄好之后就要配置 setting.json 和 .sshconfig 两个文件

• 配置 setting.json：添加系统类型Linux，免得每次连接是都需要选择，密码也可以通过生成公钥上传要远程端，免于每次连接都要输入密码
• 配置 .sshconfig：添加连接远程端的 IP、Port、User

Code Runner插件配置

1、插件安装完成之后，VSCode编辑器页面右上方会出现一个一键运行的按钮

2、运行插件时需要设定好运行目录（这点涉及到为什么多文件运行不起来的原因）

3、单文件运行时可以直接点击一键运行按钮，在下方输出窗口看到运行结果

完

1、从VSCode安装到运行代码可参考一下：https://blog.csdn.net/yanwennian/article/details/103372880