Skip to content

Instantly share code, notes, and snippets.

@letsspeak
Created January 17, 2017 02:21
Show Gist options
  • Save letsspeak/708433d281bbc7daa8b826fe988e7173 to your computer and use it in GitHub Desktop.
Save letsspeak/708433d281bbc7daa8b826fe988e7173 to your computer and use it in GitHub Desktop.

React.js環境構築(未完)

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で閉じることができる
  • ⇧⌘P -> Preferences: Open Keyboard Shortcuts でキーバインド編集
  • タブグループは Left(⌘1), Center(⌘2), Right(⌘3)に分かれる
  • ⇧⌘P -> Preferences: Open User Settings"editor.renderWhitespace": "all"を追加して空白文字表示
  • ⌃` もしくは ⇧⌘P -> View: Toogle Integrated Terminal でターミナルが開ける
  • ターミナルが開かれる下部は Panel と呼ばれる場所で⌘Jで表示/非表示をトグルできる

Homebrew導入

node.jsの導入

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

参考

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment