今天给大家整理了非常详细的Vscode的安装及配置步骤。


目录:

  1. VSCode下载与安装
  2. MinGW下载与安装
  3. 配置MinGW环境变量
  4. 安装c++插件以及环境配置
  5. 测试是否安装成功

一、VSCode下载与安装

1、VSCode官网下载链接https://code.visualstudio.com/Download

vscode 怎么查看已经安装python库 vscode版本查看_mingw安装

  • 根据自己的系统选择安装包。若为windows用户,建议选择System版,后面的64位或32位根据自己的系统去选择。
  • 如何查看自己是64还是32位的系统?
    右击此电脑,选择属性。会出来以下界面。

vscode 怎么查看已经安装python库 vscode版本查看_mingw安装_02

  • 下载完安装包后会出现以下界面 选择接受协议,下一步

vscode 怎么查看已经安装python库 vscode版本查看_vscode 使用系统path_03

  • 在此处选择安装路径,默认在C盘,可点击浏览,自行选择安装路径,此文中选择D盘

vscode 怎么查看已经安装python库 vscode版本查看_mingw安装_04

  • 点击下一步

vscode 怎么查看已经安装python库 vscode版本查看_vscode 安装包_05

  • 选择创建桌面快捷方式,和添加到环境变量,点击下一步。

vscode 怎么查看已经安装python库 vscode版本查看_vscode 安装包_06

  • 安装完成。注意要重启一下才能生效。

vscode 怎么查看已经安装python库 vscode版本查看_mingw安装_07

2、VSCode默认为英文,用以下方法设置为中文模式

使用快捷键组合【Ctrl+Shift+p】,在搜索框中输入“configure display language”,点击确定后;
   修改locale.json文件下的属性“locale”为“zh-CN”;

vscode 怎么查看已经安装python库 vscode版本查看_vscode 安装包_08

重启vscode工具。

二、MinGW下载与安装


  • MinGW下载地址http://www.mingw.org/.
  • 点击download下载
  • 运行后进行安装

vscode 怎么查看已经安装python库 vscode版本查看_mingw安装_09

vscode 怎么查看已经安装python库 vscode版本查看_mingw安装_10

vscode 怎么查看已经安装python库 vscode版本查看_vscode 安装包_11

  • 出现以下页面

vscode 怎么查看已经安装python库 vscode版本查看_mingw安装_12

  • 选择mingw32-gcc-ada、mingw32-gcc-fortran、mingw32-gcc-g++、mingw32-gcc-objc这四个
  • 点击Apply Changes

vscode 怎么查看已经安装python库 vscode版本查看_vscode 安装包_13

  • 出现以下界面,点击Apply

vscode 怎么查看已经安装python库 vscode版本查看_vscode 使用系统path_14

  • 出现如下界面

vscode 怎么查看已经安装python库 vscode版本查看_vscode 安装包_15

vscode 怎么查看已经安装python库 vscode版本查看_mingw安装_16

至此,MinGW安装成功。

三、配置环境变量


  • 右击此电脑,选择属性。

出现以下界面,选择高级系统设置

vscode 怎么查看已经安装python库 vscode版本查看_vscode 使用系统path_17

  • 点击环境变量

vscode 怎么查看已经安装python库 vscode版本查看_vscode 使用系统path_18

  • 在系统环境变量中双击path

vscode 怎么查看已经安装python库 vscode版本查看_mingw安装_19

  • 在文件中找到MingGW的地址,打开bin文件夹,复制bin文件夹所在地址

vscode 怎么查看已经安装python库 vscode版本查看_vscode 安装包_20

  • 在path中点击新建,在里面粘贴bin的地址

vscode 怎么查看已经安装python库 vscode版本查看_mingw安装_21

  • 点击确定。注意之前的弹框也全部要点击确定!

四、安装c++插件以及环境配置

  • 建立一个c++的文件夹,用于以后存放c++相关代码文件。
  • 在c++文件夹下建立一个.vscode的文件夹,在.vscode文件夹下建立launch.json文件,在其中放入如下代码并保存。

注意这里的miDebuggerPath的路径要MinGw的路径对应。

{    "version": "0.2.0",    "configurations": [                                 {            "name": "(Windows) Launch",            "type": "cppvsdbg",            "request": "launch",            "program": "cmd",            "args": [                "/C",                "${fileDirname}\\${fileBasenameNoExtension}.exe",                "&",                "pause"             ],            "stopAtEntry": false,            "cwd": "${workspaceFolder}",            "environment": [],            "externalConsole":true        },        {            "name": "(gdb) Launch", // 配置名称,将会在启动配置的下拉菜单中显示            "type": "cppdbg",       // 配置类型,这里只能为cppdbg            "request": "launch",    // 请求配置类型,可以为launch(启动)或attach(附加)            "program": "${workspaceRoot}//${fileBasenameNoExtension}.exe",// 将要进行调试的程序的路径            "args": [ ],                // 程序调试时传递给程序的命令行参数,一般设为空即可            "stopAtEntry": false,   // 设为true时程序将暂停在程序入口处,一般设置为false            "cwd": "${workspaceRoot}",// 调试程序时的工作目录,一般为${workspaceRoot}即代码所在目录            "environment": [],            "externalConsole": true,// 调试时是否显示控制台窗口,一般设置为true显示控制台            "MIMode": "gdb",            "miDebuggerPath": "D:\\MinGW32/bin/gdb.exe",// miDebugger的路径,注意这里要与MinGw的路径对应            "preLaunchTask": "g++", // 调试会话开始前执行的任务,一般为编译程序,c++为g++, c为gcc            "setupCommands": [                {                    "description": "Enable pretty-printing for gdb",                    "text": "-enable-pretty-printing",                    "ignoreFailures": true                }            ]        }    ]}
  • 在.vscode文件夹下建立一个task.json的文件,在其中放入以下内容并保存。
{    "version": "2.0.0",    "command": "g++",    "args": ["-g","${file}","-o","${fileBasenameNoExtension}.exe"], // 编译命令参数    "problemMatcher": {        "owner": "cpp",        "fileLocation": ["relative", "${workspaceRoot}"],        "pattern": {            "regexp": "^(.*):(\\d+):(\\d+):\\s+(warning|error):\\s+(.*)$",            "file": 1,            "line": 2,            "column": 3,            "severity": 4,            "message": 5        }    }}
  • 点击应用商店(第四个图标),在上方搜索栏搜索以下框选出的插件,第一个为必选,点击安装

vscode 怎么查看已经安装python库 vscode版本查看_mingw安装_22

五。、测试是否安装完成

  • 新建一个扩展名为.cpp的文件。下面那个.exe的文件是保存后生成的。

vscode 怎么查看已经安装python库 vscode版本查看_vscode 使用系统path_23

  • 在下面输入以下代码
# include 
using namespace std;
int main(){
    cout<<"hello world"<
    return 0;
}
  • 如图所示

vscode 怎么查看已经安装python库 vscode版本查看_vscode 安装包_24

  • 运行后生成如下界面则配置成功

vscode 怎么查看已经安装python库 vscode版本查看_vscode 安装包_25