フロントエンド開発環境

型

TypeScript

readonlyプロパティやReadonly型ミュータブルな実装をエラーとして扱う

カラーコード

色の洗い出し

`#fff、RGB, Blackなどの指定方法がある。

PostCSS

コードフォーマット

Prettierを使用

インストール

yarn add --dev --exact prettier

npm install --save-dev --save-exact prettier

コマンド

echo {}> .prettierrc.json

フォーマット

yarn

yarn prettier --write .

npm

npx prettier --write .

singleQuote: true

シングルクォートのする。

デフォルトで、JSXのシングルクォートは除外される。

code:.prettierrc.json

{

"singleQuote": true

}

ignoreの設定

code:.prettierignore

# Ignore artifacts:

build

coverage

ESLint

max-linesルールやlines-per-functionルール

許容できる行数の閾値を設定

eslint --init

構成ファイル生成

eslint --ext .tsx --ext .ts src/