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 ボリュ …

zshの機能と設定まとめ

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

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

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

Macにzsh-completionsを導入&docker用のcompletionも導入

By: Nikolas Moya – CC BY 2.0 目次1 zsh-completions2 install3 .zshrc4 できた5 docker-zsh-completion6 …

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

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