[VUE] Vue Prettier 세팅 및 설정하기
·
프로그램/VUE
안녕하세요! 프뚜입니다. 개발을 하다보면 코드 컨벤션을 지켜야하는 부분이 있습니다. 컨벤션이 틀려도 정상 작동은 하지만, 전 개발자라고 생각되지 않습니다.. 컨벤션을 정리해주는 Prettier 설정 방법에 대해 공유합니다. [개발 환경] - OS: Windows 10 64Bit - NodeJS: 18.13.0 # prettier 옵션 중 필요한 옵션 사용하기 "arrowParens": "avoid" ==> 화살표 함수 괄호 사용 방식 "bracketSpacing": false ==> 객체 리터럴에서 괄호에 공백 삽입 여부 "endOfLine": "auto" ==> EoF 방식, OS별로 처리 방식이 다름 "htmlWhitespaceSensitivity": "css" ==> HTML 공백 감도 설정 "js..
[VUE] 인텔리제이에서 VUE Prettier 적용하기
·
프로그램/VUE
안녕하세요! 프뚜입니다. IntelliJ에서 vue Prettier 적용하는 방법을 공유합니다. [개발 환경] - OS: Windows 10 64Bit - NodeJS: 18.13.0 # File > Settings > Plugins로 이동하기 (Ctrl + Alt + S) Prettier를 설치 후 인텔리제이를 재실행합니다. # Languages & Frameworks > JavaScript > Prettier로 이동하기 Prettier package: ./node_modules/prettier (해당 프로젝트의 노드모듈) On 'Reformat Code' action: 체크 On save: 체크 All actions on save..로 이동합니다. # Tools > Actions on Save로 이동..
프뚜
'Prettier' 태그의 글 목록