タグ

reactとVSCodeに関するni66lingのブックマーク (2)

  • React開発効率を3倍にするVS Code拡張機能&環境設定 - Qiita

    この記事を読むと VSCodeを最適化することで、React開発効率が加速します。 関数コンポーネントの雛形が一瞬で出来る。しかもファイル名がそのままコンポーネント名になる ES6の作法に則った作法で自動でコード整形してくれる。どういう時に関数内の()が省略できるか等を覚えなくて良い useEffectの最適な第二引数を自動で補完してくれる コンポーネントのimport文を自動で挿入してくれる なぜこの記事を書いたのか VSCodeは素晴らしいテキストエディタです。 特に、React開発においてはもはやデファクトスタンダードです(長年愛用しているエディタがある方も、是非一度VSCodeを試してみてください)。 さて、VSCodeはそのままでも素晴らしいエディタです。しかし、使用するフレームワークや用途に応じて拡張機能を入れるとさらにその卓越した機能性を発揮します。VSCodeがなぜ世界中の

    React開発効率を3倍にするVS Code拡張機能&環境設定 - Qiita
  • VSCodeで爆速コーディング環境を構築する(主にReactJS向け設定) - Qiita

    VSCodeで爆速コーディング環境を構築する VSCode標準のコード補完とコードスニペットを併用することで爆速にコーディングすることが可能になります。 ReactJSプロジェクトでコーディングする場合、自分はもっぱらVSCodeを使っていることが多いです。 いくつかのエディタでプラグインを入れることでJSXコード補完をサポートしてくれるのですが、 VSCodeの場合は標準でJSXコード補完をサポートしているのが強みだと思います。 ReactJSはJSXファイルにJavaScriptHTMLタグを同ファイルに混在する形になります。 キー、マウスの速度を最速にする VSCodeに限らず、キーボード速度、トラックパッド(マウス)速度はOSの設定で最速にできます。 システム設定→キーボードの設定からキーのリピートを速い、リピート入力認識までの時間を短いにします。 トラックパッド→軌跡の速さを

    VSCodeで爆速コーディング環境を構築する(主にReactJS向け設定) - Qiita
  • 1