VSCodeでプログラム開発

VSCodeのダウンロードサイトに行き、インストールファイルをダウンロードします。

今回はWindowsなので、Windows用のアイコンからダウンロードします。

同意する　にチェックを入れて、「次へ」を押下します。

インストールするフォルダを選択します。

デフォルトのままで大丈夫なので、そのまま「次へ」を押下します。

スタートメニューの名前です。

これもデフォルトでいいでしょう。

「次へ」を押下します。

デスクトップ上にアイコンを設置する場合は、ここでチェックすると配置できます。

私は使用しないため、デフォルトのまま「次へ」を押下します。

インストールの最終確認です。

問題なければ、インストールを押下します。

インストールが進展します。

完了ボタンを押下すれば、インストールは完了です。

最初の起動では、背景色などを選択できます。

デフォルトのままとします。

Welcomeの×を押下して設定画面を閉じます。

インストール時の[デフォルトでは、言語が英語になっているため、メニューなども全て英語です。

日本語にするには画面左のマークを押下し、検索にjapaneseと入力すると、地球儀のマークの日本語パックが表示されますので、Installを押下します。

インストールが完了すると、右下にボタンが表示されます。

言語変換の為のリスタートボタンなので押下します。

日本語化できました。

例えば、ＷＥＢ開発を行うなら、htmlで検索して、HTML CSS Supportをインストールすると良いでしょう。

このように、ＨＴＭＬやcssの入力を補助してくれるようになります。

拡張機能のボタンを押し、検索枠にRemoteと入力すると、Remote Developmentがヒットしますので、青いInstallボタンでインストールします。

インストールできました。

VSCを再起動すると、Remote Development をインストールするまでは無かったアイコンが追加されています。

追加されたアイコンを押下します。

SSHの項目を探し、設定を開く歯車マークを押下します。

すると、設定ファイルの選択を求められます。

デフォルトの　C:\Users\kazuhiro.ssh に在る config ファイルで行います。

ファイルに

Host [接続名称]
    HostName [ホスト名もしくはIPアドレス]
    User [ユーザー名]
    port [変更していなければ22]
    IdentityFile [サーバーから得た秘密鍵の場所をフルパスで]
    ForwardAgent yes

を記載し、保存します。

VSCodeも一度終了し、再起動しましょう

もう一度、SSHを開くと、SSHの下に先ほど決定した[接続名称]が表示されています。

今回はraspberrypi01で、Raspberry Piに繋ごうとしています。

→のキーを押下すると、接続が開始されます。

最初の接続時は、相手先のOSの種類の選択がでます。

今回はRaspberry Piに繋ごうとしています。

Raspberry PiのOSは、Linuxがベースですので、Linux を選択します

次に、フィンガープリントの確認が現れます。

そのまま続行で大丈夫でしょう

赤枠の部分に、サーバーのSSHキーを作った際のパスコードを入力します。

ちなみに、接続情報などは左下の部分に表示されます。

判りにくいですが、画面左下に、SSH[サーバー名]があれば、接続は完了しています。

接続を確認したら、ファイルを開く　を押下します。

Raspberry Piのディレクトリーツリーが表示されます。

これは、SSHの相手先のものが表示されています。