5
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【Rust】VSCodeでRustのIDE環境を作ってみる

Last updated at Posted at 2021-08-09

はじめに

これからRustプログラミングをやろうとしたときに、コマンドラインではなくて、よく使われているEclipseとVSCodeのどちらかで使ってみたいと考える人は多いかと思います。私もそのひとりです。
そこでどちらが環境構築が簡単で使いやすいかを比較しようと思います。
そのためここではVS Codeで環境構築をまず行ってみます。
2つのうち、どちらかをとても気に入っているのであれば、どちらかを選ぶといったことはないでしょうけど、そこまでツールに思い込みはないという方は参考にしてみてください。それは知ってるでしょを前提としないで丁寧に書いていきます。
とはいえ、ここではふたつを同じ条件で比較したいため、日本語化は行わないまま扱います。
気に入った場合は日本語拡張機能を入れてつかってください。

**        インストール環境 Windows10**

Eclipseの投稿は以下です(20210814追記)
【Rust】EclipseでRustのIDE環境を作ってみる

目次

  1. Step1 VSCodeをインストール
  2. Step2 Microsoft C++ Build Toolsをインストール
  3. Step3 Rustupをインストール
  4. Step4 VS CodeのRust拡張機能をインストール
  5. Step5 VS Codeのデバッグ拡張機能CodeLLDBをインストール
  6. 参考文献

目次は大まかな手順となります。どれもインストールされていないことを前提にしていますので、もともとインストールされているものがあれば手順をスキップして必要なところから進めてください。

Step1 VSCodeをインストール

VSCodeをダウンロードしてインストールします。
Azure VSCode ダウンロード
100.PNG
Download now をクリックします。
Windows User Installer 64bit を選択。
UserとかSystemというのはインストールをユーザ、管理者のどの権限で行うかということです。どちらでも問題ないとは思いますが、複数のユーザがいると仮定して今回はユーザを選択しています。
101.PNG
ここではVSCodeUserSetup-x64-1.58.2.exeがダウンロードされます。そして以下のページが現われます。
動画ではVS Codeの使い方を簡単に教えてくれます。時間に余裕があるようでしたら見てください。
102.PNG
ダウロードされたファイルをダブルクリックするとインストールがはじまります。
設定はデフォルトのままでまず問題ありませんので、ここでは次々に進めてインストールします。

103.PNG

104.PNG

105.PNG

106.PNG

107.PNG

108.PNG

109.PNG
インストール完了後にVSCodeが立ち上がりますので、思ったように立ち上がるか確認します。
110.PNG
立ち上がれば次のステップへすすむために、一度閉じます。

Step2 Microsoft C++ Build Toolsをインストール

このツールはStep3でRustupをビルドするために必要なツールです。
Azure Microsoft C++ Build Tools ダウンロード

111.PNG

Build Tools のダウンロードをクリックするとダウンロードがはじまります。
vs_BuildTools.exeがダウンロードされます。このインストールファイルをダブルクリックしてインストールします。
インストールに際しては、インストールをしてもよいかどうかの確認をしてくるだけで、すぐに終了します。


#Step3 Rustupをインストール
次にRustupをインストールします。
Rustupとは the Rust toolchain installerのことでRustのツールチェインし環境を提供してくれます。Rustもこれを推奨しています。

Rustのホームページに行きます(表示言語は選べます。ここでは日本語を選択しています。)
Rust ホームページ
112.PNG
はじめるをクリックすると次の画面となります。

113.PNG

RUSTUP-INIT.EXE(64-BIT)をダウンロードをクリックします。
rustup-init.exeがダウンロードされますのでそれをダブルクリックしてインストールをはじめます。

114.PNG

ここからはターミナルでのコマンドライン入力となります。
ここでdefault の1を入力してリターンをしますと次々にインストールが進みます。

114-1.PNG

これでRustupはインストールされました。

Step4 VS CodeのRust拡張機能をインストール

次にRustの拡張機能をVSCodeにインストールします。
VSCode Rust 拡張機能ダウンロード

115.PNG
画面のInstallボタンをクリックすると、閉じていたVSCodeが立ち上がります。
116.PNG
この画面でInstallをクリックするとRust拡張機能がVSCodeにインストールされます。
ここで表示しているタブを閉じてください。
次にRustコードを格納するWorkspaceを作ります。
どの場所でも構いませんが、ここではCドライブ直下にRustというフォルダを作り、今後Rustプロジェクトはここに格納することにします。
作成できましたら、左上にあるエクスプローラボタンをクリックしてください。

130.PNG

さらにNO FOLEDER OPENEDの矢印で中を見ると、OPEN FOLDER というボタンがありますのでこれでさきほど作成したRustフォルダを選択します。

131.PNG
それではRustプログラムを作成します。
まずターミナルを開きます。
Terminal→ New Terminal  で選びます。そしてcargoコマンドで新しプロジェクト名hello_cargoを作成します。このcargoコマンドはプロジェクトで必要な各フォルダまたはファイルなどをすべて作ってくれるものです。これを使うとRustを扱いやすくなります。
cargoコマンドで作成したプロジェクトはプロジェクト名以下のフォルダにすべて格納されることになっていますので、ディレクトリを変更しておきます。

$ cargo new hello_cargo
$ cd hello_cargo

ソースはsrc以下にはいることになっていますので、src/main.rsを選択してみてください。 cargoコマンドを使ってプロジェクトを作るとHello world表示プログラムがあらかじめ用意されています。

119.PNG

ターミナルでビルドを行い、走らせるとHewllo worldを表示します。

$ cargo build
$ cargo run

120.PNG

これでコマンドラインでのビルドに実行ができるようになりました。このままでも問題なさそうですが、IDEですからやはりここはデバッグ機能も欲しいところです。そこで次のステップです。

Step5  VS Codeのデバッグ拡張機能CodeLLDBをインストール

デバッグ機能を追加するため、ここではCodeLLDBを拡張機能としてインストールします。
拡張機能を素直に検索してもかまいませんが、次のようにデバッグ機能が組み込まれてないうちにデバッグを走らせようとするとデバッグ機能がないため、警告がでます。

Run→Start Debugging

そこでFind Rust extensionボタンをクリックすると
候補が出てきますのでさらにCodeLLDBのinstallをクリックします。

121.PNG

122.PNG

123.PNG

これで動くような気がしますが、設定が出来ていないためにこのままでは動作しません。

普通にAdd Configuration にて設定をおこなってもかまいませんが、ここでも警告の指示にしたがってやってみましょう。
再度Run→Start Debuggingを動かします。
124-4.PNG
設定ファイルlaunch configurationがないからデバッグは出来ないとでますので、わかりましたでOKです。
設定ファイルを作るぞということでプルダウンメニューがあらわれます。
ここでLLDAを選択します。

124-2.PNG

すると設定ファイルが記述されます。

124-1.PNG

CodeLLDBをインストールしたときに、QuickStartとして以下のコードを使えと書いてありますが、それとほぼ同じです。

Here's a minimal debug configuration to get you started:
{
    "name": "Launch",
    "type": "lldb",
    "request": "launch",
    "program": "${workspaceFolder}/<my program>",
    "args": ["-arg1", "-arg2"],
}

ここで設定が終わっているような気がするのですが、実はまだ設定が終了していません。
これですぐにでも動くような気がしますが、このままでは動作しません。
your programと書かれているところが設定し終わっていないからです。

cargoの構成ではコンパイルされた実行ファイルは/target/debug/以下に入る約束になっています。
エクスプローラでも確認できます。
そのパスを含めたかたちで設定します。ここでは

hello_cargo/target/debug/hello_cargo.exe

となります。

125.PNG

設定ファイルを保存後(launch.json)、あらためてStart Debuggingを行うとデバッグできるようになります。
ここではブレークポイントをprintln文に設定して走らせた場合です。

126.PNG

VSCodeに慣れていない人にもわかるように、なぜそうしているのかも含めて説明したつもりですが、印象としては思ったより面倒だなという印象です。

Eclipseの投稿は以下です(20210814追記)
【Rust】EclipseでRustのIDE環境を作ってみる

参考文献

5
5
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
5
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?