VSCodeのショートカットなどの覚書

React.js環境構築（未完）

VSCodeのショートカットなど思い出すためにメモ投稿しておきます。

VSCodeの導入

• VSCodeをインストール
• View Command Palette...(⇧⌘P or F1) -> Configure Language -> "ja" を "en" に変更保存して再起動すると英語化
• View -> Extensions(⇧⌘X) -> @sort:installs vim でVim拡張導入

VSCodeの操作や設定など

• markdownを.mdで保存

• ⇧⌘Vで markdown のプレビューを新規タブで開く、⌘K Vで縦分割プレビュー

• Extensionsはサイドバー(⌘B)で開かれているので⌘Bで閉じることができる

  • The Basics of Visual Studio Code

• ⇧⌘P -> Preferences: Open Keyboard Shortcuts でキーバインド編集

  • keybindings.jsonに追加すればOK
  • Customizing Shortcuts

• タブグループは Left(⌘1), Center(⌘2), Right(⌘3)に分かれる

• ⇧⌘P -> Preferences: Open User Settingsで"editor.renderWhitespace": "all"を追加して空白文字表示

• ⌃` もしくは ⇧⌘P -> View: Toogle Integrated Terminalでターミナルが開ける

  • Integrated Terminal

• ターミナルが開かれる下部は Panel と呼ばれる場所で⌘Jで表示/非表示をトグルできる

Windows環境のVSCodeでVimのCtrl+Kを無効にする

• Ctrl + Shift + P -> Preferences: Open Keyboard Shortcuts
• Ctrl + 1 で Default Keybindings に移動して[]の中身を全選択コピー
• Ctrl + 2 で keybindings.json に移動して[]の中身を貼り付ける
• keybindings.jsonのextension.vim_ctrl+kを-に修正して保存
• これで VSCode の Ctrl + K系統が使えるようになる
• 以降のOpen Keyboard ShortcutsはCtrl+K Ctrl+SでOK

Homebrew導入

• 導入済みだったのでbrew update実行して終了
• と思いきやEl Capitan移行によりうまくいかなかったので対応
• Homebrewを久々にupdateしたら出来なかった時の対処法

node.jsの導入

• brew install nodenv
• nodenvを使ってMacにNode.jsの環境を構築する
• node.js公式サイトで最新バージョンを確認
• ~/.zshrc(~/.bash_profile)に以下を記述する必要あり
  • macにnodenvをbrewで入れ、nodeをバージョン管理する

~/.zshrc1

export NODENV_ROOT=/usr/local/var/nodenv
eval "$(nodenv init -)"

• nodenv install 6.9.1で最新版をインストール
• nodenv rehash
• nodenv global 6.9.1
• node -v でインストールしたバージョンが表示されたら成功
• npmもインストール済み（npmコマンド）

gulpの導入

• ここから適当な新規プロジェクトのディレクトリに切り替えた
• sudo npm install -g gulp
• sudo npm install -g gulp-cli

参考

• ブラウザで実行するjsの開発環境構築(主にReact.js)