MacOSX

Visual Studio CodeをMacにインストール

投稿日:2018年7月7日 更新日:

Visual Studio Code

Visual Studio Codeは、マイクロソフト製のオープンソースのコードエディタ.
Electron製.
Atomよりもろもろ早い.

インストール

起動は、ターミナルから、 code . で可能.

とりあえず、CMD+PとCMD+SHIFT+Pで生きていける.

コマンド動作
CMD + Bサイドバーの開閉
CMD + SHIFT + Eサイドバーのエクスプローラーとメイン画面のトグル
CMD + Jパネルの開閉
CMD + /行コメントのトグル
CMD + W現在開いているタブを閉じる

 

エクステンション

実は、Drifting Rubyを見て、インストールした.

  • ruby
  • solargraph
  • ruby-rubocop
  • gitlens
  • git history
  • gruvbox theme
  • vscode-icons
  • setting sync
  • code runner

vscode-iconsはデフォルトよりちょっとリッチなアイコンみたい.

gruvbox themeは、ライトとダークで3段階メリハリが選べる.

setting syncは、設定をprivate gistに保存する.ほかのPCから利用するとき、UPLOADでなくDOWNLOADしないと上書きしてしまうので注意が必要.

そのほか、次のものをインストールした

  • vscode-styled-jsx
  • vscodevim

さらに、追加.

  • Rainbow CSV
  • indent-rainbow
  • Bracket Pair Colorizer

Rainbow CSVは、CSVのデータを色分けして見やすくしてくれる

indent-rainbowはインデントを色分けして深度を見やすくしてくれる
Bracket Pair Colorizerは、カッコの組み合わせを深さごとに色分けしてくれる

カスタマイズ

基本設定

フォントは選定中…

vscodevimの設定

こちらもおいおいと
hilightを消す動作については、ここを参考に.先人の努力に感謝.

SPACE+SPACE+sでeasymotion.
2sのキーバインドはなぜか機能しない.

vim-surroundぽいのも使える.
モードでステータスラインの色が変わる.色はあとで変えたい.

-MacOSX
-, , , ,

執筆者:

関連記事

MacでDocker〜boot2docker

By: Jim Bahn – CC BY 2.0 目次1 情報源2 boot2dockerのインストール3 boot2dockerの操作4 Dockerの操作5 NginXの起動6 ボリュ …

Macでデスクトップをgifで録画〜LICEcap

By: Ryosuke Sekido – CC BY 2.0 目次1 licecap2 インストール3 起動4 録画5 できた6 キー操作表示〜KeyCastr licecap www.c …

MacでQuake風ターミナルを使おう〜TotalTerminal

目次1 total terminalはel capitan以降で使えなくなりました2 total terminalの旧記事 total terminalはel capitan以降で使えなくなりました …

macで賢くアプリ切り替え~witch

Witch – Many Tricks Mac OSXの切り替えはかなりイマイチ ubuntuのUnityとかならアプリを選んでから、そこからウィンドウの切り替えとかできるんだけど あと、 …

macでpython3をはじめる〜pyenv

By: Kathleen Franklin – CC BY 2.0 目次1 pyenvのインストール2 ubuntuにpyenvのインストール3 python3のインストール4 インストー …