React初期インストール一式

Reactでプロジェクト作成時に入れるもの.

code:shell

npx create-react-app react-ts-app --template typescript

npm install --save-dev eslint

npx eslint --init

# initコマンドで生成されたeslintrc.jsに下記の設定を追加する

npm install --save-dev prettier eslint-config-prettier

eslint --initの回答

https://gyazo.com/fe9c9a3089eca820c8e53a1b8e593e09

最終的にできたeslintrc.js

code:js

module.exports = {

env: {

browser: true,

es2021: true,

node: true,

extends: [

'plugin:react/recommended',

'airbnb',

'prettier', // 追加。他の設定の上書きを行うために、必ず最後に配置する。

parser: '@typescript-eslint/parser',

parserOptions: {

ecmaFeatures: {

jsx: true,

ecmaVersion: 'latest',

sourceType: 'module',

rules: {},

};

VSCode

code:vscode/settings.json

{

"editor.defaultFormatter": "esbenp.prettier-vscode", // フォーマッターをPrettierにする

"editor.formatOnSave": true // ファイル保存時にフォーマットを実行

}