Just do IT

思うは招く

VSCode

VSCode でファイルカラムにフォーカスしてファイルを開く

※Mac使用 Cmd + Shift + Eで左カラムのファイルにフォーカスがあたる 上下キー、もしくはCtrl +PやCtrl +Nで開きたいファイルを選択する Ctrl + Enterでファイルを開く ちなみに、ファイルにフォーカスした状態でCmd + Shift + Eを押すとエディタ画面にカ…

VSCode のエディタ画面とターミナル画面を行き来するキーバインドを設定

状況 マウスを使ってVSCodeのエディタ画面とターミナル画面を行き来するのが面倒すぎる ctrl + ;でエディタ画面とターミナル画面を行き来したい keybindings.jsonに以下を追記 [ { "key": "ctrl+;", "command": "workbench.action.terminal.focus", "when": …

zsh に変えて VSCode のターミナルで ctrl + p や n、r が効かなくなった

状況 MacOSをCatalinaに変更してから、VSCode のターミナルでctrl + pやctrl + r、ctrl + nを打っても以下のような表示が出ていた。 ^P ^N おそらく bash から zsh に変更したのが原因だと考えられる やりたいこと ctrl + pで一つ前のコマンド履歴を表示した…

Live Sass Compiler を VSCode に入れたら「拡張機能のホストが予期せず終了しました」エラー

問題 VSCodeで「拡張機能のホストが予期せず終了しました。」と出て、タブが効かない。 解決 「Live Sass Compiler」をアンインストールし、再起動したら直った。 用途としては、ただSaasを練習したいだけだったため、webpackにSassを扱うプラグインを入れて…

ESLint をコマンドラインと VSCode で使えるようにする

やりたいこと ESLint の基本だけを知りたい コマンドラインでESLintを動かしたい VSCodeでESLintを動かし、リアルタイムでチェックが入るようにしたい ESLint とは、JavaScriptの文法や間違いをチェックしてくれるツール JSが正しく書けてるかどうか、間違い…

Vagrant + VSCode + Remote Development でリモートサーバーを編集したい

やりたいこと Vagrantを使った仮想環境にVSCodeからアクセスしてファイルをいじりたい 環境 Vagrant 2.2.2 Virtualbox Mac OS X 10.14.6 Remote Development プラグインをVSCodeに入れよう Remote Development k-koh.hatenablog.com 設定ファイルを書こう va…

VSCode の Remote Development を使ってさくらVPS上の Linux を編集したい

できること VSCodeからリモートサーバーに入ってファイルを直接編集できるようになる ローカルでVSCodeを使う感じでLinuxサーバー上のファイルをいじることができる 環境 さくらVPS Debian Mac使用 前提 リモートサーバーにターミナルからssh接続できること …

VSCode で PlantUML を使う【Mac】

brewをインストールしていない方は下記を参考にインストールを。 参考:macOS用パッケージマネージャー — Homebrew 公式を参考にして、まずはjavaをインストール。 qjebbs/vscode-plantuml: Rich PlantUML support for Visual Studio Code. brew cask instal…

VSCodeでファイルを検索するショートカット

ファイル名で検索する command + p これでファイルを検索し、お目当てのファイルがあれば表示できる。 たとえば、railsでroutes.rbを表示したいとき。いちいち左のカラムから探すのは面倒。 command + pを押すと もはや「最近開いたファイル」で選べる!便利…

VSCode でファイルのタイトルにパスを表示したい

VScodeを開き、コマンド + ,で設定を開く。 ウィンドウに以下を入力。 window.title 設定が出てくるので、これを好きにカスタマイズすればOK。 デフォルトだと次のように設定されている。 ${activeFolderShort}${separator}${rootName} それぞれの設定につい…

VScodeでファイル末尾に自動で改行を入れたり、行末の余分な空行を消す設定方法

やりたいこと ファイル末尾に自動で改行を入れる ファイル末尾の連続した空行を自動で削除する 行末の空行を自動で消す 参考 やりたいこと VScodeでファイル保存時に、末尾に自動で改行を入れたい ついでにファイル末尾の連続した空行を削除しておきたい(間…

【Mac】VSCodeで今開いているファイルのパスを取得する方法

2つの方法がある。 方法1 cmd + sfhit + pでコマンドパレットを開く copy relative~と検索して出てきたコマンドを実行(相対パスをコピーしたい場合) 方法2 ファイルの名前上で右クリック。 バスのコピー:絶対パスを取得 相対パスをコピー:相対パスを取得…