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でpython3をはじめる〜pyenv

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

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

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

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

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

VImで日本語マークダウンを編集する〜textlint、tagbar

目次1 最初に2 校正〜textlint3 ヘッディング一覧〜tagbar4 リアルタイムプレビュー5 markdownからdocxへの出力6 その他 最初に 突然、vimで日本語のmarkdownを …

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

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