学生向けプログラミング入門 | 無料

学生向けにプログラミングを無料で解説。Java、C++、Ruby、PHP、データベース、Ruby on Rails, Python, Django

Ruby | 01 | Visual Studio Codeのインストール

↓↓クリックして頂けると励みになります。



ホーム】 >> 【02 | Rubyのインストール

Visual Studio Codeのインストール
Visual Studio Codeのインストール




Visual Studio Code(VS Code)は、Microsoftによって開発された無料でオープンソースの統合開発環境(IDE)です。
主にプログラミングやソフトウェア開発に使用されます。
プログラムコードの編集、コマンドは全てVisual Studio Codeで行います。

Windows



Windowsで開発する場合は、以下の記事を参考にしてインストールを行なって下さい。
mrradiology.hatenablog.jp



Mac



まず最初にXcodeをインストールする必要があります。
Xcodeはアップルストアからダウンロードできます。
https://apps.apple.com/jp/app/xcode/id497799835?ls=1&mt=12

アップルストアからインストール
アップルストアからインストール



入手をクリックします。

入手
入手



約8GBあるので時間がかかります。
インストールが完了したら「開く」をクリックします。

ダウンロード終了
ダウンロード終了



以下の画面がでればインストールが完了です。

インストール完了
インストール完了



Visual Studio Codeのダウンロードは以下のページから行います。
code.visualstudio.com


中段にあるダウンロードリンクをクリックします。

ダウンロードリンクをクリック
ダウンロードリンクをクリック



ダウンロードされた「VSCode-darwin-stable.zip」ファイルを解凍します。
解凍された「Visual Studio Code」ファイルがアプリケーション本体です。

「Visual Studio Code」
「Visual Studio Code」



「Visual Studio Code」ファイルをアプリケーションフォルダなど使用する場所に移動し、ダブルクリックで起動します。

起動
起動



日本語化します。
メニューバーから「view」を選択し、「command palette」 を選択します。

コマンドパレット
コマンドパレット



「configure display language」を選択します。

「configure display language」
「configure display language」



「install additional laugage」を選択します。

「install additional laugage」
「install additional laugage」



すると左に拡張言語パックが出てくるので「Japanese Language Pack for Visual Studio Code」を探してインストールします。

インストール
インストール



すべてが終わったらVScodeを再起動します。

再起動
再起動



私は背景色をAbyss(青)で設定しています。
左下の設定マークの配色テーマからできます。

配色テーマ
配色テーマ



以上でVisual Studio Codeのインストールは終了です。



ホーム】 >> 【02 | Rubyのインストール





↓↓クリックして頂けると励みになります。