0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

clang++環境を構築してみる(Windows11 + VSCode)

Last updated at Posted at 2024-12-15

目次

LLVMのインストール

wingetを使ってllvmをインストールします。

  1. 管理者権限でcmdを起動する
  2. 以下のコマンドを実行しllvmをインストールする
cmd
>winget install --scope machine LLVM.LLVM

003-llvm_install.png

パスの設定

  1. Windowsボタンを右クリックし「システム」をクリックする
  2. 関連リンクの「システムの詳細設定」をクリックする
  3. 詳細設定タブから、「環境変数」をクリックする
  4. システム環境変数(S)の「Path」の行をダブルクリックする
  5. 「C:\Program Files\LLVM\bin\」を追加する
    005-env.png

とりあえずコンパイルしてみる

任意のディレクトリでコードを書いてコンパイルします。

hello.cpp
#include <iostream>
#include <vector>
#include <string>

using namespace std;

int main()
{
  vector<string> msg{"Hello", "C++", "World", "from", "VS Code"};

  for (const string &word : msg)
  {
    cout << word << " ";
  }
  cout << endl;
}
cmd
>clang++ hello.cpp

006-compile.png

Visual Studio Build Toolsのインストール

「Visual Studio インストールが見つかりません。...」と言われたので
Visual Studio Build Toolsをインストールします。

URL: https://visualstudio.microsoft.com/ja/visual-cpp-build-tools/

  1. 「Build Tool のダウンロード」をクリックし「vs_BuildTools.exe」をダウンロードする
  2. 「vs_BuildTools.exe」をダブルクリックし実行する
  3. 「C++ によるディスクトップ開発」にチェックを入れて「インストール」をクリックする
    007-Build_Tool_install.png
    008-Build_Tool_install.png

再度コンパイルしてみる

010-compile.png

VS Codeでコンパイルしてみる

コマンドプロンプトでコンパイルできたのでVS Codeでもコンパイルしてみます。
VS Codeは、ポータブル版に「Japanese Language Pack」をインストールした状態から始めています。

  1. コードが存在するディレクトリをVS Codeにドラックする
  2. アクティビティバーの拡張機能から「C/C++」をインストールする
  3. 「hello.cpp」を開いた後「Ctrl+Shift+b」を押し、「C/C++: clang++.exe アクティブなファイルのビルド」をクリックする

011-vs_code.png
012-vs_code.png
013-vs_code.png
014-vs_code.png

VS Codeの設定

コンパイルがうまくいったようなので、環境を構築していきます。

  1. アクティビティバーの拡張機能から「CodeLLDB」をインストールする
  2. 「hello.cpp」を開いた後「Ctrl+Shift+b」を押し、「C/C++: clang++.exe アクティブなファイルのビルド」の歯車をクリックする
  3. 「.vscode\task.json」が作成される
  4. 「hello.cpp」を開いた状態で「F5」キーを押し、「LLDB」をクリックする
  5. ダイアログの「OK」をクリックする
  6. 「launch.json」が作成されるので以下のように修正する
launch.json
{
    // IntelliSense を使用して利用可能な属性を学べます。
    // 既存の属性の説明をホバーして表示します。
    // 詳細情報は次を確認してください: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "lldb",
            "request": "launch",
            "name": "Debug",
            "program": "${workspaceFolder}/hello.exe",
            "args": [],
            "cwd": "${workspaceFolder}",
            "preLaunchTask": "C/C++: clang++.exe アクティブなファイルのビルド",
        }
    ]
}

015-vs_code.png
016-vs_code.png
017-vs_code.png
018-vs_code.png
019-vs_code.png
020-vs_code.png

VS Codeで実行してみる

  1. 「hello.cpp」を開いた状態で「Ctl + F5」キーを押す
  2. ターミナルに「Hello C++ World from VS Code 」が表示されれば成功
    021-vs_code.png

VS Codeでデバッグ実行してみる

  1. 「hello.cpp」にブレイクポイントを設定して「F5」キーを押す
    022-vs_code.png
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?