VSCode(Visual Studio Code)は、無料でオープンソース、Mac/Win/Linux対応のエディタです。
Visual Studio Code

基本的な設定をメモ。

日本語化する

エクステンションタブから「Japanese Language Pack for VS Code」を検索し、インストールしてアプリを再起動。

テーマを変更する

「設定 > ワークベンチ > 外観」から「Monokai」を選択。Monokai大好き。

基本設定を変更する

フォントサイズを14、タブサイズを2に変更。

Wrap Selection with Tag(タグで囲う)

SublimeTextやATOMのように「Control + W」でタグで囲うようする。

エクステンションタブから「htmltagwrap」を検索し、インストールしてアプリを再起動。

さらに、ショートカットを「Option + W」→「Control + W」に変更したいので、ウインドウ左下の歯車アイコンから「キーボード ショートカット」を選択。

キーバインドを変更。

Insert <br> Tag

「Shift + Enter」で <br> タグを追加できるようにする。

エクステンションタブから「Insert <br> Tag」を検索し、インストールしてアプリを再起動。

Auto Rename Tag

開始タグ変更で、閉じタグも同時に変更できるようにする。

エクステンションタブから「Auto Rename Tag」を検索し、インストールしてアプリを再起動。

Path Autocomplete

<img/**>などのパスの入力支援。

エクステンションタブから「Path Autocomplete」を検索し、インストールしてアプリを再起動。

Partial Diff

選択テキスト同士の差分を確認できる。

エクステンションタブから「Partial Diff」を検索し、インストールしてアプリを再起動。

こちらの関連記事もあわせてどうぞ!

      ATOM|インストールと基本的な設定

      Sublime Text から ATOM へ乗り換えの検討です。後発のアプリは既存アプリの良いとこ取りなので強いですよね。Sublime Text は瞬間的に起動するのに対し、ATOM はアプリの起…

      Mac OS X 10.5 Leopard のインストールメモ

      Mac のデフラグ中にエラーが起こって、ハードディスクがマウントしなくなりました。Time Machine でバックアップは取れているので復旧作業時間以外のダメージはそれほどでもないのですが、切ない…

      Mac OS X 10.6 Snow Leopard のインストールメモ

      環境の変化に合わせて「Mac OS X 10.5 Leopard のインストールメモ」のページをこっそりと更新していたのですが、内容を整理して Snow Leopard 用に別記事にしたいと思います…

      macOS Sierra の設定メモ

      macOS Sierra の基本的な設定から、少しマニアックな設定までまとめました。 MacBook Pro TouchBar モデルで、常にファンクションキーを表示させる 「システム環境設定 > …

      【Mac】Androidのシミュレータを設定する方法

      Mac に Android のシミュレータ(エミュレータ)を設定する方法をメモです。 「Android SDK | Android Developers」から Android SDK をダウンロードし…