Prettier - 코드를 깔끔하게 정리하자

지저분한 코드들

 

일관되지 않은 작성법들이 꼴보기 싫었다

 

Prettier와 Eslint를 적극 활용해보고자 하는 의지가 생겼다.

 

Eslint는 문법의 정리를

 

Prettier로 코드 작성법의 통일을 해보았다.

 

Prettier를 사용하기위해서는 vscode기준. settings > format javascript enabled를 꺼주어야한다.

 

그리고 .prettierrc파일에서 포멧을 정한다.

 

나는 4칸 들여쓰기를 즐기므로 4칸들여쓰기를 설정하고 singlequote, semi등의 옵션을 주었다.

{
    "singleQuote": true,
    "jsxSingleQuote": true,
    "bracketSpacing": true,
    "jsxBracketSameLine": false,
    "arrowParens": "avoid",
    "semi": true,
    "useTabs": false,
    "tabWidth": 4,
    "trailingComma": "all",
    "printWidth": 80
}

 

 

 

---

웹사이트 개발 / 홈페이지 제작 / android앱 개발 / ios 앱 개발 / server / client / aws / fullstack / buisness partner / 외주 / 용역

https://open.kakao.com/o/sNETgUJb

http://self-made.cloud