Prettier

Code Formatter ซึ่งช่วยให้คุณสามารถจัดรูปแบบ Code ให้ดูเป็นระเบียบสวยงามยิ่งขึ้น

install

โดยที่ใช้ config ของ eslint airbnb แต่จะปิดการทำงานส่วน eslint ไป

npm install --save-dev prettier
touch .prettierrc
touch .prettierignore

Prettier setting

#.prettierrc
{
  "printWidth": 100,
  "singleQuote": true
}

Ingore file

#.prettierignore
build
coverage

ทำให้ Fotmat ทุกครั้งเมื่อ Save

#vscode/settings.json:
{
  "editor.formatOnSave": true
}

ถ้าลง Prettier ใน VsCode แล้วทำการแก้ไข .prettierrc ต้อง ปิด-เปิดใหม่ เพื่อให้มัน sync กัน