フロントエンド開発環境
型
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/