還暦過ぎたエンジニアの挑戦

還暦過ぎても好奇心だけは忘れない エンジニア ひかるです

MENU

サーバー上のファイルを直接編集する-VSCode

例えば、
「このサイトのページはちょっとマージン取りすぎていて酷いな、ちゃんと表示されないから今すぐスタイルシートを修正したい~!直すところは1か所だけでいいんだけど。」

みたいな瞬間接着剤的に修正したい時に、

  1. ローカルのソースを修正して
  2. FTPで接続して
  3. それをサーバーにアップロードして

などと面倒くさ過ぎてやっていられない。

と思ったら、VSCodeでは
サーバー上のファイルを直接編集する
こともできてしまいます。

もちろん、あらかじめ接続先のサーバー情報などはconfigで設定しておきますが、

  1. VSCodeを開く
  2. F1を押す
    f:id:hikaru217:20200519192732j:plain
  3. ftp-simple : Remote directory open to workspace を選択する f:id:hikaru217:20200521215638j:plain
  4. 接続先のサーバーを選択する
    f:id:hikaru217:20200521223203j:plain
    という要領で目的のファイルを直接選択しても良いし、ディレクトリを指定してもよい。

すると、エクスプローラーに選択したディレクトリまたはファイルが表示されるので、
あとは目的のファイルを開いて修正をしてsaveするだけ
そのまま反映される。

しかしこれ、gitでバージョン管理しているファイルなどには安易にお勧めできないですね、、、

「その後」が大変そう。