九州テクノカレッジ　富田

VSCode の使い方

20200708
九州テクノカレッジ　富田

VSCode ってなんですか

  • ソースコード編集ソフト(エディタ)
  • 軽量, 高速, 多機能
    • デバッグ(実行してバグを検証)
    • 構文色分け
    • 自動補完 etc.
  • 柔軟にカスタマイズできる
    • いろんな言語に対応可能
    • 見た目も変えられる
20200708
九州テクノカレッジ　富田

余談: エディタ戦争

  • vi(1976~)とVim(1988~)
    • 挿入や選択などのモードを切替ながら操作
    • 標準搭載されることも多い
  • Emacs(1972~)
    • Ctrlなどと組み合わせたショートカットで操作
    • 拡張性が非常に高い

どちらも

  • 根強いファンが多く，争いが絶えない
  • マウスの普及以前に開発: ショートカットが豊富
  • いずれにせよ VSCodeの方が学びやすい

20200708
九州テクノカレッジ　富田

VSCodeでプログラムを実行

すぐできる方法は3つくらいある

  1. VSCodeのデバッグ機能を使う(もう試した)
  2. 拡張機能(CodeRunner)を使う
  3. ターミナルから実行する(原始的!)
    実のところ方法 1.も方法 2.も
    方法 3.を自動化している
20200708
九州テクノカレッジ　富田

方法3: ターミナルから実行

  1. 「ターミナル」をクリック
  2. 「新しいターミナル」を選択
  3. ウィンドウ下部に表示されているターミナル画面をクリック
  4. コマンド入力
  5. Enterでコマンドを実行
20200708
九州テクノカレッジ　富田

ターミナルの使い方

特定のフォルダにしかいられない: 今いるフォルダを意識してコマンド実行

  1. dir コマンド: 現在いるフォルダの内容を出力
  2. cd コマンド: 現在いるフォルダから指定したフォルダーに移動
  3. javac コマンド: javaファイルのコンパイル
  4. java コマンド: classファイルの実行(インタプリター)

他にもたくさんのコマンドがありますが，今日は特に下の二つ(3.と4.)に注目してください.

20200708
九州テクノカレッジ　富田

準備(前提)

次のようなソースコード(Sample1.java)があるものとします

package Sample1; 

public class Sample1
{
    public static void main(final String[] args)
    {
        System.out.println("Hello world!");
    }
}

現在いるフォルダはvscodePGとなっているとします

vscodePG> # 現在いるフォルダ
20200708
九州テクノカレッジ　富田

Javaファイルのコンパイル(1)

1行目に

package Sample1;

などがある場合，以下を入力しコンパイルします．
-encoding UTF-8は文字コードがUTF-8なら付けます．

vscodePG> javac Sample1/Sample1.java -encoding UTF8

この後に，次のように入力して実行します．

vscodePG> java Sample1/Sample1 # インタプリター実行
20200708
九州テクノカレッジ　富田

Javaファイルのコンパイル(2)

1行目に

package Sample1;

などがない場合，以下を入力しコンパイルします．
-encoding UTF-8は文字コードがUTF-8なら付けます．

vscodePG> javac Sample1.java -encoding UTF8

この後に，次のように入力して実行します．

vscodePG> java Sample1 # インタプリター実行
20200708
九州テクノカレッジ　富田

解説

  • javac コマンドはコンパイラ
    • ソースコード(.java)をバイトコード(.class)に翻訳
    • バイトコードそのままでは実行できない
  • java コマンドはインタプリター
    • バイトコードを読み取って仮想環境(JVM)で実行
    • 仮想環境はプラットフォーム(Win, Macなど)ごとに違う
    • JVMさえあればWinでもMacでも同じバイトコードが動く
20200708
九州テクノカレッジ　富田

トラブルシューティング

  1. Q. Sample1や.javaファイルが見つからない:

    A. cdコマンドでフォルダを移動しましょう

    vscodePG> cd Sample1 # Sample1に移動
Sample1> dir # 現在のフォルダのファイルとフォルダを全て表示
Sample1> cd .. # 一つ上のフォルダに移動
vscodePG> # 戻ってくる

  2. Q. .javaファイルがコンパイルできない

    A. エラ〜メッセージをググるとよいかもしれません

  3. Q. 文字化けが生じている

    A. 次を実行してみてください

    vscodePG> chcp 932 # 文字コードをShift_JISにする
20200708