atomはWindowsでは重たくて使えない。その為、WindowsとMacで同じものが使えるVisualStudioCodeを使用している
VScodeの便利なアドオンがあるので記載する
- ES7 React/Redux/GraphQL/React-Native snippets
- ESLint
- Bracket Pair Colorizer
- Node.js Modules Intellisense
- Live Server
ES7 React/Redux/GraphQL/React-Native snippets
コード補完機能です。
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-React-js-snippets
便利な反面、ショットカットを覚えるのが大変・・・ヾ(。>﹏<。)ノ゙✧*。
ESLint
https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
Reactなどの構文エラーや書き方が間違えていたりした時に指摘してくれるツール
設定がありすぎて使いこなせていないが悲しい所・・・ヾ(。>﹏<。)ノ゙✧*。
Bracket Pair Colorizer
カラーをつける機能
https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
デフォルト()、[]、および{}は一致させることができます。カスタムブラケット文字も設定できます
Node.js Modules Intellisense
Node.jsのimport文を書くときのコード補完機能です
https://marketplace.visualstudio.com/items?itemName=leizongmin.node-module-intellisense
React以外にも使えると思う
Live Server
ローカルの開発サーバーです
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
スタティック&ダイナミックページ用のライブリロード機能ができます
Reactはもともとあるのでほぼ使わないのですが、htmlの修正とかに便利
VSCODOは便利な機能がいっぱいありすぎてどれをインストールすべきか困るのが難点かな。Reactという観点からいうとESLintははじめからインストールすべきだった