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でQuake風ターミナルを使おう〜TotalTerminal

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

PythonやRなどのインタラクティブ実行環境Jupyter Notebookをインストールする

By: tonynetone – CC BY 2.0 目次1 Jupyter Notebook2 環境3 インストール4 実行5 Python実験環境6 R環境のインストール7 Ruby環 …

zshの機能と設定まとめ

By: Marsha Wheatley – CC BY 2.0 目次1 zsh機能の紹介 ニコニコ動画2 環境3 colors 色の設定4 Completion 補完機能5 Correct …

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

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

gulpでelectronをlivereloadしながらcoffeeとsassで開発する環境

By: Nrico – CC BY 2.0 目次1 package.json2 gulpfile.coffee3 bower + browserify4 ストップウォッチ package. …