04_自动驾驶基础篇 | Vscode编辑器 | 从下载安装到编码一文搞定

Vscode | 从编辑器的安装到 C/C++、python 编译器的安装|保姆级教程

Vscode | 从编辑器的安装到 C/C++、python 编译器的安装|保姆级教程
  工欲善其事，必先利其器。对于程序员来说，一款好的编辑器能够有效的提升编写和阅读的效率，促进工作效率。所有编辑器中，我首推 Vscode！

一、VScode 简介

  Visual Studio Code 是 Microsoft 公司开发的一个免费的编码编辑器，支持多平台：Windows、linux系统；支持多语言: Python、Java、C/C++、JavaScript 等主流的开发语言,还包括 Markdown 等格式的文本编辑。
  Visual Studio Code 对上述语言都支持语法高亮，代码智能补全（用过的都说好）、括号匹配、代码域区分等等。
  此外还有非常丰富的插件加持，让代码写作更加方便
  我觉得 Visual Studio Code 是阅读、编辑代码最好用的编辑器，没有之一！

二、VScode 下载 + 安装

• 进入官方网站下载 : Visual Studio Code
  

• 选择自己要安装的系统版本：
  
  如果是在 Windows 下，也可以直接点击 Windows 10,11 那个按钮开始下载，尽量别下载在 C 盘里，网络好的话几秒钟就 OK，但是要记录下载位置，后续会用到。

• 找到下载的位置，双击刚刚下载的内容，会出现下图内容，选择我同意此协议，然后点击下一步：
  

• 点击浏览选择自己希望的安装位置，建议安装在 C 盘下，然后点击下一步
  

• 这里是在询问是否安装在以图中的名字命名文件夹中，所以继续下一步就好
  

• 最后这项一定要勾选，不然每次都需要手动更新路径，后患无穷，其他的按照自己的习惯或者想法来就好，设置完成后选择下一步

• 确认信息，点击安装，大约一分钟会OK 。
  

• 点击完成，运行Vscode：
  

三、Vscode 插件设置

• 在上一步勾选运行VSCode，点击完成后会自动运行软件，如下图所示，你可以根据自己的喜好设置主题等个人设置。
  
• 接下来我们按照图中顺序操作来安装好汉化插件，英文看着就难受。其中第二步需要自己输入。
  
• 插件出现下图这样的变化就是已经安装成功了：
  
• 右下角会有修改语言并重启的提示，点击重启就会变成中文汉化版
  
• 舒服了。。

• 接下来可以参考刚刚安装汉语插件的方法，分三步把自己需要的语言插件下载安装好，我安装了C++、python、Code-runner等插件，供参考：

至此，插件设置完成了。

四、安装对应的语言的编译器

1. python

• python 编译器安装教程
• 在VScode中配置Python开发环境

2. C++ MinGW编译器下载和配置

1. 点击进入下载： MinGW编译器下载
   点击之后，选择一个文件夹进行下载就OK了。
2. 在系统环境变量配置path变量

• 打开刚刚下载的文件，找到bin这个文件夹，记住这个路径哈
  
• 设置系统环境：
  在左下角搜索框搜索系统环境变量，
  
  选择高级，然后点击环境变量，
  在系统变量中找到Path点击，然后编辑
  
  

然后把刚刚下载的MinGW里的bin目录路径粘贴在这里，例如我的目录：

E:\TCY\x86_64-8.1.0-release-posix-sjlj-rt_v6-rev0\mingw64\bin

最后点击一直点击确定就完成了gcc编译器的环境变量配置：

验证：在搜索框中输入 cmd 调出终端，输入：gcc -v ，v指version.

有如上图的输出即为安装成功！

3. C++的Vscode的配置

• 在vsCode文件夹下创建一个.vscode文件夹，使用Vscode打开这个文件夹，
  
• 然后创建3个文件：c_cpp_properties.json，launch.json，tasks.json：

c_cpp_properties.json

{
    "configurations": [
        {
          "name": "Win32",
          "includePath": ["${workspaceFolder}/**"],
          "defines": ["_DEBUG", "UNICODE", "_UNICODE"],
          "windowsSdkVersion": "10.0.17763.0",
          "compilerPath": "E:\\TCY\\x86_64-8.1.0-release-posix-sjlj-rt_v6-rev0\\mingw64\\bin\\g++.exe",   
            //修改成自己bin目录下的g++.exe",  
            //注意这里是两个反斜杠\\*/，不可以直接复制粘贴过来
          "cStandard": "c11",
          "cppStandard": "c++17",
          "intelliSenseMode": "${default}"
        }
      ],
      "version": 4
}

launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "g++.exe build and debug active file",
            "type": "cppdbg",
            "request": "launch",
            "program": "${fileDirname}\\${fileBasenameNoExtension}.exe",
            "args": [],
            "stopAtEntry": false,
            "cwd": "${workspaceFolder}",
            "environment": [],
            "externalConsole": true,
            "MIMode": "gdb",
            "miDebuggerPath": "E:\\TCY\\x86_64-8.1.0-release-posix-sjlj-rt_v6-rev0\\mingw64\\bin\\gdb.exe",
            //修改成自己bin目录下的gdb.exe
            //注意这里是两个反斜杠\\*/，不可以直接复制粘贴过来
            "setupCommands": [
                {
                    "description": "为 gdb 启用整齐打印",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ],
            "preLaunchTask": "task g++"
        }
    ]
}

tasks.json：

{
    "version": "2.0.0",
    "tasks": [
        {
        "type": "shell",
        "label": "task g++",
        "command": "E:\\TCY\\x86_64-8.1.0-release-posix-sjlj-rt_v6-rev0\\mingw64\\bin\\g++.exe",	        
            //修改成自己bin目录下的g++.exe
            //注意这里是两个反斜杠\\*/，不可以直接复制粘贴过来
        "args": [
            "-g",
            "${file}",
            "-o",
            "${fileDirname}\\${fileBasenameNoExtension}.exe",
            "-I",
            "E:\\TCY",      
            //修改成自己放c/c++项目的文件夹，两根反斜杠
            "-std=c++17"
        ],
        "options": {
            "cwd": "E:\\TCY\\x86_64-8.1.0-release-posix-sjlj-rt_v6-rev0\\mingw64\\bin"	
            //修改成自己的bin目录文件夹，两根反斜杠           
        },
        "problemMatcher":[
            "$gcc"
        ],
        "group": "build",        
        }
    ]
}

以上内容基本一致，仅仅对应的路径需要按照注释要求修改即可。

4. Hello, world!验证

首先编辑代码:

#include <iostream>
using namespace std;
int main()
{
    cout << "Hello, world!" << endl;
    return 0;
}

然后按下图点击运行：

接下来有：

PS:如果结果有乱码，建议参考：VS code（Visual Studio Code）乱码解决方法，重启电脑后再次运行就好了。

五、Vscode 附快捷键介绍

1. 文件和编辑操作

• 新建文本文件：Ctrl + N
• 打开文件：Ctrl + O
• 保存文件：Ctrl + S
• 全部保存：Ctrl + K S
• 关闭编辑器：Ctrl + F4
• 重做：Ctrl + Shift + Z
• 撤销：Ctrl + Z
• 撤销撤销：Ctrl + Y
• 复制：Ctrl + C
• 剪切：Ctrl + X
• 粘贴：Ctrl + V
• 查找：Ctrl + F
• 替换：Ctrl + H

2. 编辑器导航

• 跳转到行：Ctrl + G
• 跳转到文件：Ctrl + P，输入文件
• 跳转到行：Ctrl + p 在顶部输入 : + 行数 （:需要是英文格式的）
• 跳转到符号（变量、函数等）：Ctrl + 鼠标点击
• 跳转到符号（变量、函数等）：Ctrl + Shift + O
• 跳转到定义：F12
• 跳转到声明：Ctrl + F12
• 后退导航历史：Alt + Left 回到之前编辑的位置或导航到之前查看的文件
• 前进导航历史：Alt + Right 后退后再次导航到之前的位置或查看的文件。
• 查看导航历史：Ctrl + Tab 在一个快捷列表中查看和选择最近的导航历史记录。
• 跳转到上一个光标位置：Ctrl + -
• 跳转到下一个光标位置：Ctrl + Shift + -

3. 代码编辑

• 注释/取消注释一行：Ctrl + /
• 缩进代码：Ctrl + ]
• 反向缩进代码：Ctrl + [
• 格式化代码：Ctrl + Shift + I
• 选中整个代码块：Ctrl + Shift + →（向右箭头键）
• 选中整行：Ctrl + L
• 选中全部：Ctrl + A

4. 调试操作

• 启动调试：F5
• 停止调试：Shift + F5
• 单步执行：F10（逐语句）/ F11（逐过程）
• 设置断点：F9
  
  
  
  以上，祝编程愉快 ~
  激光SLAM专栏下一篇：05_自动驾驶激光点云 | 关于激光雷达传感器和点云