0
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Github codespaceの便利な使い方

Last updated at Posted at 2024-05-08

前提として、VScodeにGithub関係の拡張機能を入れておいてください

まずgithubの自分のプロジェクトをブラウザで開く

それから、緑のCodeって書いてあるボタンを押して、
Povo43_YOSERI_ 便利な機能集めました! - Google Chrome 2024_05_09 6_04_42.png

出てきたところの中のCodepaceの横にある + マークを押します
(私の場合は下にもうMy codespaceを作っちゃってます)
Povo43_YOSERI_ 便利な機能集めました! - Google Chrome 2024_05_09 6_06_04.png

すると画面が勝手に変わり、
Povo43_YOSERI_ 便利な機能集めました! - Google Chrome 2024_05_09 6_06_40.png

web版のVScodeが出てくると思います。
ここまでやれば、このVScodeのURLをコピーすればどこでもブラウザ一つでアクセスすることができます

(ちなみに、一人が普通に開発する分には無料枠内でできると思います…確か1カ月に200機械時間だったはず)

ここからが本題で、ローカルで動くVScodeを開いて
Visual Studio Code 2024_05_09 6_07_09.png

左下の青いところを押してください(色は環境によって違うかもです)

Visual Studio Code 2024_05_09 6_07_19.png

そして、出てきたリストの中にある、connect to Codespace というのを押し、

Visual Studio Code 2024_05_09 6_07_35.png

さっき作ったコードスペースのリポジトリ名を押すと

top.js - YOSERI [Codespaces_ My Codespace] - Visual Studio Code 2024_05_09 6_07_51.png

開けました

これで、ローカルでしか動かない拡張機能を使えますねぇ
注意点としては、
・ネット環境必須
・操作してるフォルダはCodespace上にあり、ローカルにはクローンされない
・たくさん作りすぎると止められる

ぐらいです。

最後まで見ていただきありがとうございます(w)

0
3
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
0
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?