LoginSignup
1
0

More than 3 years have passed since last update.

reactの環境構築

Last updated at Posted at 2019-07-03

パッケージのバージョン管理ツールをインストール

$ npm install -g yarn

intellij IDEAの拡張系

  • JSLint
    image.png

  • JSHint
    image.png
    ※オプションについては参考を参照
    ※使用可能にするにチェックを入れる事とチームでバージョン合わせて置くとコード品質があがります。

  • ESLint (これをインストールしました)
    これが主流らしいです。オプション設定もJSLintやJSHintと違って最初に選ぶ必要がなさげ。
    image.png

ESLintのルールを全部手動で設定するのは大変だからやめておけを見て拡張どうのこうのを探すのやめましたw
ありがたや〜

  • Prettier(コード整形ツール) image.png これもインストールしてIDEを再起動

追加されました。
image.png
選択して「使用可能」にチェックを入れてOKを押す。

下記エラーが出たので確認してみるとプログラムが下記に置かれていなかった。
$ProjectFileDir$/node_modules/.bin/prettier

11:45   Failed to run File Watcher 'Prettier'.
            The watcher has been disabled.
            エラー: Invalid executable

なのでyarnでインストール

$ yarn add prettier --dev --exact

無事JSコードが自動整形されるようになりました。

参考

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0