기타지식
[VSCode] Prettier 설정
서스포PAR
2022. 4. 25. 10:33
vscode에서 코드 작성시, 코드를 이쁘게 정라정돈해주는 Prettier!
코드의 가독성을 올려주니 정말 좋은 도구이다.
🎁 하지만 작동을 위해서 초기 작업이 필요한데 그것을 차차 알아가보자! 🎁
💖 Prettier 이란?
사용자가 작성한 코드를 미리 지정한 포맷팅으로 맞춰주는 포맷터이다.
코드의 품질을 위해 사용하는 ESLint와 성격이 다르다.
🎁Plugin 설치🎁
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
Prettier - Code formatter - Visual Studio Marketplace
Extension for Visual Studio Code - Code formatter using prettier
marketplace.visualstudio.com
📑 1. 설정 - Single quote
쌍따음표로 코딩으 했을경우 저장을 누르면 작은쌍따음표로 변경
📑 2. 설정 - Semicolons
자동으로 JS를 사용할때 세미콜론을 붙여주는 기능
📑 3. 설정 - Format On Save
📑 4. 설정 - Default Formatter