【小白向】MAC端VSCode C++环境配置(超干货、超详细)

这篇具有很好参考价值的文章主要介绍了【小白向】MAC端VSCode C++环境配置(超干货、超详细)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

提示:使用环境为 MAC(M2)

其实 VSCode 很早就下载好了,但是因为在配置过程中总是遇到很多坑,搁置了很久,回头捡起遇到报 Error 还是两眼抓瞎,到处翻 blog。为了减少以后的遇坑可能性,整理了这份笔记(支持编译多cpp文件支持C++11以上的新特性),希望能够帮助小白同学避坑。

分两个版本,本文是详细版本。

版本区别如下:

  1. 对于有时间的朋友:请查看详细版本。本着“授人以鱼不如授人以渔”的想法,和大多数的博客不同,此版本里除了详细记录了配置步骤,也基于官方文档拓展了配置文件所对应的功能和参数简介,能够让大家举一反三,后续碰到问题时快速做定位
  2. 对于没耐心希望快速解决当前问题的朋友:跳转 TLDR(too long, dont read)版本。只包含教程步骤。

详细版本

前提

  1. 安装 Visual Studio Code
  2. VSCode 中安装 C/C++扩展
    mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code
  3. 确保 Clang 已经安装(在终端中输入命令:clang --version 来确认是否安装)

创建你的第一个 HelloWorld 程序

创建工作区(WorkSpace)

打开 VSCode, 创建一个 project 文件夹。
mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code
现在,project 就是我们的工作区(WorkSpace)了。当我们继续做完本教程的配置,这个工作区中将出现一个子文件夹.vscode,包含三个文件。
tasks.json(编译选项设置)
launch.json(调试选项设置)
c_cpp_properties.json(编译器路径以及IntelliSense 设置)

创建 HelloWorld 的源代码文件

在 project 文件夹下创建一个 hello.cpp 文件
mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code
hello.cpp中粘贴以下内容

#include <iostream>

using namespace std;

int main(){
    cout << "Hello World" << endl;
}

Command+S(⌘S)保存该文件,建议在 File > Auto Save 中打开该选项,自动保存。
mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code

添加 IntelliSense 配置

IntelliSense 是 VS Code 中提供的工具,可实现代码补全等,帮助快速开发。
Shift+Command+P(⇧⌘P)打开命令面板,输入Select IntelliSense Configuration,选择 Use clang++
可以看到工作区中新增了一个.vscode 的文件夹,并包含了一个叫做 settings.json 的文件
mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code

运行 HelloWorld(compile and run)

注意:C++扩展是使用机器上已安装的 C++编译器来生成程序,所以在运行/调试 hello.cpp 前,请确保你已经符合了文章开头的前提,安装好了 C++编译器。

  1. 打开 hello.cpp,这将它将成为 active file,可以被用于生成和调试
  2. 点击图中右上角的按钮,选择 Run C/C++ File
    mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code
  3. 在跳出的选项中,选择C/C++: clang++ build and debug active file
    mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code
    只有在第一次运行 hello.cpp 时才需要做这个选择。选择后,.vscode 文件夹中出现了一个新文件tasks.json,我们选择的编译器配置将作为默认设置。
  4. 编译成功后,程序的输出将显示在下方的 DEBUG CONSOLE
    mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code

至此,我们已经成功地运行了 VS Code 上的第一个 C++程序!

改造代码目录(include、src、target) 以适应工程需要

在实际的开发中,我们往往需要分类不同的文件至不同的文件夹中。一个简单的形式是在其中创建三个子文件夹 include、src、target 分别用来分类头文件、源文件、以及目标程序。
在 project 文件夹中,清理之前生成出来的其他文件(除了 hello.cpp 和.vscode),增加三个子文件夹 includesrctarget,并把 hello.cpp 移动到 src 目录下。
mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code

修改 tasks.json

修改了文件组织形式后,存储了编译配置的 tasks.json 也需要做对应修改。
第一次编译运行 hello.cpp 时,我的机器上生成的 tasks.json 如下:

{
    "tasks": [
        {
            "type": "cppbuild",
            "label": "C/C++: clang++ build active file",
            "command": "/usr/bin/clang++",
            "args": [
                "-fcolor-diagnostics",
                "-fansi-escape-codes",
                "-g",
                "${file}",
                "-o",
                "${fileDirname}/${fileBasenameNoExtension}"
            ],
            "options": {
                "cwd": "${fileDirname}"
            },
            "problemMatcher": [
                "$gcc"
            ],
            "group": {
                "kind": "build",
                "isDefault": true
            },
            "detail": "Task generated by Debugger."
        }
    ],
    "version": "2.0.0"
}

我们做如下两个修改:

  1. 工程中往往需要一次性编译选定路径下的所有 cpp 文件。对应的,把"args"中的:"${file}"改为"${fileDirname}/*.cpp"
  2. 我们希望把编译出的文件统一放置在 target 文件夹下。对应的,把"args"中的"${fileDirname}/${fileBasenameNoExtension}"改为"${workspaceFolder}/target/${fileBasenameNoExtension}"
    mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code

然后我们做下测试,看看修改后的工作区可否正常编译运行 hello.cpp
在 include 中创建 print.h,粘贴如下内容:

#include <iostream>
#include <vector>
#include <string>
using namespace std;

void printMessage(vector<string>& msg);

在 src 中创建 print.cpp,粘贴如下内容:

#include "../include/print.h"

void printMessage(vector<string> &msg)
{
    for (int i = 0; i < msg.size(); i ++){
        cout << msg[i] << " ";
    }
}

修改 src 下的 hello.cpp,粘贴如下内容:

#include "../include/print.h"

int main(){
    vector<string> msg;
    msg.push_back("Hello"); msg.push_back("World");
    printMessage(msg);
}

在 hello.cpp 中点击右上角的 run 按钮,可以看到也成功运行了(这说明我们实现了一次性编译多个 cpp 文件),而且目标文件生成到了 target 下。
mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code

拓展:关于 tasks.json 的设置含义

tasks.json 中存储了编译的设置,更深刻地理解它有助于解决后续可能遇到的编译错误。
以上面贴出的 task.json 内容为例,对 tasks.json 中的参数解析如下:

  • label
    *第一次点击 Run C/C++ File 时指定的选项值。在本例中,是"C/C++: clang++ build active file"
  • command
    指定要运行的程序(编译器) 在本例中,是 clang++
  • args
    指定传递给编译器的命令行参数,这些参数应当按照一定的顺序排列

    在最开始生成的 tasks.json 中,args 相关参数设置如下:
    "args": ["-g", "${file}", "-o", "${fileDirname}/${fileBasenameNoExtension}"]

    他的含义是告知 C++编译器编译 active file(即${file}),生成目标文件(-o)到当前的目录下
    (${fileDirname}) ,目标文件的名称和不带后缀的 active file 的名称一致(${fileBasenameNoExtension})。
    因此我们第一次运行时,在 hello.cpp 中 run,在 同级目录下编译出了 hello 目标文件。

    至此,应该也能理解将原先的"-g", "${file}"改为"-g", "${fileDirname}/*.cpp"带来的影响了吧,就是将编译当前 active file 变成编译同级目录下的所有 cpp 文件

    而将"-o", "${fileDirname}/${fileBasenameNoExtension}"
    改为"-o", "${workspaceFolder}/target/${fileBasenameNoExtension}"则是改变目标文件的路径到工作区下的 target 目录下。

  • problemMatcher
    在编译器输出中查找错误和警告的输出解析器。对于 clang++,gcc 是最佳的 problemMatcher
  • group
    里面的 isDefault 选项可以用来指定哪个 task 被作为默认的生成选项。生成了 tasks.json 后,点击 run 按钮就会按照默认选定的 task 配置进行编译运行,tasks 中可以有多个 task,不需要作为默认项的移除
    “group"中的"isDefault”: true
  • detail
    task 的描述。tasks 中可以用多个 task,detail 可用于做区分

调试 HelloWorld(debug)

  • 首先,回到 hello.cpp,使得其变为 active file
  • 在如图所示处设置一个断点(在该行的前面点击小圆点)
    mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code
  • 选择 Debug C/C++ File
    mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code
    因为之前我们已经在 hello.cpp 上选择过 Run C/C++ File 编译运行过了,当时选择了C/C++: clang++ build and debug active file,此时就不必再选择了。如果此前没有运行过就选择了 debug,那么在跳出的选项中选择C/C++: clang++ build and debug active file。
    mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code
  • 可以看到程序执行到端点处,执行位置有高亮表示。出现了调试的工具栏,可以分别选择执行到下一个断点、执行单步、步入、跳出、重新开始、停止。这说明可以正常调试了。
    mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code

配置调试设置 launch.json

当我们点击调试按钮(Debug C/C++ File)时,其实内部是为我们创建了一个动态调试配置,但往往我们需要去对调试配置做一些修改,可以创建一个 launch.json 文件来存储我们的调试设置。

  • 点击右上角的 Add Debug Configuration 按钮
    mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code
  • 在跳出的选项里选择C/C++: clang++ build and debug active file.
    mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code
  • .vscode 中会自动创建一个 launch.json 文件
{
    "configurations": [
        {
            "name": "C/C++: clang++ build and debug active file",
            "type": "cppdbg",
            "request": "launch",
            "program": "${workspaceFolder}/target/${fileBasenameNoExtension}",
            "args": [],
            "stopAtEntry": false,
            "cwd": "${fileDirname}",
            "environment": [],
            "externalConsole": false,
            "MIMode": "lldb",
            "preLaunchTask": "C/C++: clang++ build active file"
        }
    ],
    "version": "2.0.0"
}

其中,重要的几个参数释义如下:

  • program:需要调试的程序。如果我们是在 hello.cpp 文件中开启调试,则对应调试的程序是project/target/hello
  • args:运行时传递给程序的参数数组
  • stopAtEntry:为 true 时,程序将在main 方法入口处添加断点
  • preLaunchTask:此处的值应当和tasks.json 中的 label 值保持一致

当我们创建了 launch.json,以后在这个程序上的调试都将按照 launch.json 中的调试配置开展。

配置c_cpp_properties.json

可以通过创建c_cpp_properties.json 文件来实现对 C/C++扩展 的更多设置,这里的正确配置可以帮助扩展找到正确的标准库路径,提供补全或跳转能力,如果程序包含不在工作区或标准库路径中的头文件,需修改其中的“includePath”设置。
Shift+Command+P(⇧⌘P) 打开命令面板,输入C/C++: Edit Configurations (UI),打开。这将在.vscode 中创建一个c_cpp_properties.json 文件。
mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code
在界面中做如下修改:
mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code
mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code
也可以在c_cpp_properties.json 中直接修改
mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code
我的c_cpp_properties.json 如下,可以直接复制修改:"cStandard": "c17", "cppStandard": "c++17","compilerPath": "/usr/bin/clang++"这三处。

{
    "configurations": [
        {
            "name": "Mac",
            "includePath": [
                "${workspaceFolder}/**"
            ],
            "defines": [],
            "macFrameworkPath": [
                "/Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs/MacOSX.sdk/System/Library/Frameworks"
            ],
            "cStandard": "c17",
            "cppStandard": "c++17",
            "intelliSenseMode": "macos-clang-arm64",
            "compilerPath": "/usr/bin/clang++"
        }
    ],
    "version": 4
}

解决关于 C++新特性支持的问题

在前面的示例中,我有意地在代码里避开了 C++的新特性。
如果我们将代码修改成这样
print.cpp:

#include "../include/print.h"

void printMessage(vector<string> &msg)
{
    for (const auto& word: msg){
        cout << word << " ";
    }
}

hello.cpp:

#include "../include/print.h"

int main(){
    vector<string> msg{"Hello", "World"};
    printMessage(msg);
}

运行会发现,将报告如下的错误,不难看出是 C++11 的新特性没有被支持。
mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code

这种编译报错怎么处理?
还记得我们前面说到的编译选项在哪里设置吗?yes,tasks.json!
在 tasks.json 文件的 args 中添加"–std=c++17"选项,使编译支持 C++新特性

"args": [
                "-fcolor-diagnostics",
                "-fansi-escape-codes",
                "--std=c++17",
                "-g",
                "${fileDirname}/*.cpp",
                "-o",
                "${workspaceFolder}/target/${fileBasenameNoExtension}"
            ],

成功运行。
mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code

成功调试。
mac microsoft visual c++,编程工具,macos,c++,开发语言,visual studio code文章来源地址https://www.toymoban.com/news/detail-829940.html

到了这里,关于【小白向】MAC端VSCode C++环境配置(超干货、超详细)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Mac M1配Vscode C++环境

    提示:本教程默认电脑安装Vscode 和 clang++ 关于电脑是否安装clang++ 键盘 command + 空格 搜索框输入 ter 选择终端 出现下图表面本机安装clang++ 在根目录建立三个文件夹 target 存放编译后文件 src存放源码 也就 .cpp 后缀文件 inc 存放头文件 也就是 .h后缀的文件 提示: 目录结构一定建

    2024年02月03日
    浏览(15)
  • 【VSCode】C++环境配置(小白必看)

    网上教程很多,但大多是入门的新手小白难以理解,操作不来的,作者本人也是捣鼓了很久才配置好c++运行环境。 本篇文章会从头到尾 简述 一下vscode配置c++环境过程,虽然是简述,但看完本篇文章对小白配置c++环境至少我觉得肯定是受益匪浅的。 (主打是一个容易)内容若

    2024年02月16日
    浏览(24)
  • Mac中VSCode配置vue项目环境

    进入VSCode官网,下载Mac版安装包 设置中文: vscode导航栏view - Command Palette - 输入Configure Display Language - 选择简体中文 - 重启 下载地址:node.js官网,建议下载长期维护版本。 打开控制台输入 node -v 如果正确显示版本号,安装完成 修改镜像源: $ sudo npm install -g cnpm --registry=http:

    2024年02月16日
    浏览(20)
  • Mac电脑VSCode配置PHP开发环境

    1.安装 PHP 首先,打开终端,安装 Homebrew,输入如下命令: 安装了 Homebrew 之后,你可以使用下面的命令来安装 PHP: 2.安装 VS Code 如果你还没有安装 VS Code,可以访问 VS Code 官方网站 下载并安装。 3.安装 PHP 扩展 在 VS Code 中,点击左侧侧边栏的 Extensions 图标 (或通过视图菜单

    2024年02月03日
    浏览(72)
  • mac系统vscode配置c/c++环境

    本文介绍mac系统下vscode的安装以及c环境的配置; 本文特点: 1. 可以在vscode自带的终端里显示c程序运行结果。 2. 调试c程序时,程序中需要输入参数,可以直接在vscode自带的终端里输入。 参考文章:https://zhuanlan.zhihu.com/p/103308900 1.  下载vscode并安装 在vscode官网下载适合自己

    2024年01月24日
    浏览(27)
  • Mac M1开发环境的安装与配置(VSCode)

    第一次使用mac ,也是第一次使用M1 pro 芯片。希望能为和我一样刚接触mac的小白,避坑。由于我们是对mac完全不了解的,此文章大多数采用能简单安装就简单安装的理论为大家铺路了。 首先介绍下我的电脑配置:14寸 M1 pro 10核 32G内存1T固态 官网地址:https://code.visualstudio.com

    2023年04月09日
    浏览(19)
  • 史上最全 mac 环境 vscode 配置GLSL 图文详解

    主要标记GLSL颜色 此插件主要用于代码提示以及错误检查。 此插件主要用于展示预览我们的GLSL着色器 Glslang 是 OpenGL ES 和 OpenGL 着色语言的官方参考编译器前端。它对这些语言的规范进行了严格的解释,可用于错误检查,可前往glslang官网下载:  下载解压后,把内部的lib,in

    2024年02月03日
    浏览(23)
  • Mac上使用phpstudy+vscode配置PHP开发环境

    1、系统版本 2、vs code code 3、phpstudy_pro 1、vs code下载 点击vs code官网下载 选择对应的版本,一般电脑会自动识别对应的版本,点击下载,然后傻瓜式安装! 2、vs code 的插件安装 点击下面的图标,扩展 搜索“Chinese”,然后点击“install”,等待安装 安装完成右下角显示,点击

    2024年01月23日
    浏览(29)
  • VScode配置快捷快速填充代码安装配置和使用(详细-Windows和Mac)

    【window系统】 ctrl+shift+p打开命令窗口找到Configure Display Language点击; 【MAC 】 command+shift+p打开命令窗口找到Configure Display Language点击 使用快捷键Ctrl+Shift+P调出VSCode的执行命令的输入框 输入命令view:toggle menu bar 上头的菜单栏又重新回来了 实测:最简单直接的方法,找到VScode,

    2024年04月28日
    浏览(16)
  • Mac电脑配置李沐深度学习环境[pytorch版本]使用vscode

    Mac打开终端(Mac电脑如何启动终端?打开启动台,搜索终端即可) 安装包管理工具Homebrew 如果遇到报错 则需要运行一下如下指令,然后再安装Homebrew。原因是被墙,需要配置一下端口。 安装Homebrew成功后,重启终端(Mac电脑如何启动终端?打开启动台,搜索终端即可)直接安

    2024年02月06日
    浏览(23)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包