2
2

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.

VSCodeを導入(ローカル&リモート)

Last updated at Posted at 2020-06-12

エディタ何使う?っていう話で、某Slackに上がっていた内容を中心にまとめました。
(みなさまありがとうございます)

導入のきっかけ

最近のVSCodeは、

  • リモートssh先もローカル同じように操作できる
  • Jupyter notebookも開ける

という情報を耳にして、これはよさそうだ!と、ついに導入を決めました。

linux初心者がサーバでの作業をはじめるときに、エディタの操作に慣れないことも障壁のひとつだよなあと思っていました(というか、私自身がそうでした)ので、ローカルと同じGUIというのは、かなりアドバンテージなのでは。

インストール

ここからもらってきました。
https://azure.microsoft.com/ja-jp/products/visual-studio-code/

Macの場合: 解凍したアプリを(別にどこでもいいんだけれど、)/Applicationsにおきます。

設定ファイルの場所を確認

必須ではないけれど、一応確認してみた。
詳細は、以下を参照。
(随時更新) VSCodeの各種設定ファイルの格納場所備忘録メモ

GitHubを使えるようにする

https://qiita.com/kai_kou/items/ceeee47996339e5eecc4
この辺の記事を参照。よりよい記事があったらコメント付与お願いします。

ssh先でも使えるようにする

めっちゃ簡単でした。感動。
詳細は、以下を参照。
【設定爆速】VS CodeのRemote Developmentを使ってSSH接続したEC2上のファイルを編集する
VSCode公式の機能で、リモートサーバにSSHして編集する【Insiders Preview】

リモートサーバのホームディレクトリに~/.vscode-serverというディレクトリが新たにできます(勝手につくってくれます)。

拡張機能は、改めて入れましょう。

ターミナルから起動できるようにする

ターミナルでcode [filname]と打ったら、VSCodeで開けるようにします。
詳細は、以下を参照。
ターミナルからVisual Studio Codeを起動する方法【公式の方法】

リモート先でもcodeコマンドを使えるようにするには、拡張機能Cloud Codeを入れます。

VSCodeのターミナル上でコマンド打ったらsshできるようにする

従来のターミナルでsshとうつのと同じようにしたい。
以下のスクリプトをコピペして実行権限を与える(chmod)だけでok
codeコマンドでVisual Studio Codeを起動と同時にSSHリモート接続する方法

Jupyter notebookを使えるようにする

これも便利!感動。(ただしちょっと遅い)
詳細は、以下を参照。
VS CodeのPython拡張がJupyterをネイティブサポートしたそうなので早速使ってみた。

リモート先にも拡張機能pythonを入れれば、使えます。(ただし、結構遅い)

X Windowの設定 (Macの話)

VSCodeのターミナル上でxeyesと打つと、エラーになりました。

Error: Can't open display: 

echo $DISPLAYしてみたら、何も設定されていない!
Macのターミナル上でecho $DISPLAYすれば、

/private/tmp/com.apple.launchd.fOlKOspQYb/org.macosforge.xquartz:0

となっていたので、これをVSCode上でも設定してあげば、Xが飛ばせるように。というわけで、.bashrcに追記しました。

~/.bashrc
export DISPLAY=/private/tmp/com.apple.launchd.fOlKOspQYb/org.macosforge.xquartz:0

ssh先のサーバでも、同じ手順で設定をしました。

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?