• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

vscode formatting

23.06.10 09:12 작성 조회수 236

0

vscode에서 저장시 foramting을 어떻게 해야할까요?const EmotionItem = ({ emotion_id, emotion_img, emotion_description, onClick }) 저는 저장을 해도 이렇게 한줄로 계속 남습니다.

답변 4

·

답변을 작성해보세요.

1

prettier를 설치하셨는데 자동 포맷팅이 동작하지 않으신다면

프리티어 옵션을 설정해주셔야 합니다.

다음 아티클이 도움이 될 것 같아요 한번 참고해보시면 좋을 것 같습니다.

https://inpa.tistory.com/entry/VS-Code-%E2%8F%B1%EF%B8%8F-%ED%95%9C%EB%B0%A9-%EC%BD%94%EB%93%9C-%ED%8F%AC%EB%A7%B7%ED%84%B0-Prettier-%EB%8F%84%EA%B5%AC-%EC%84%A4%EC%A0%95

 

몽하님의 프로필

몽하

2024.02.20

Default Formatter 지정이 안되어 있었던 것 같아요.

Prettier로 지정하니 해결되었습니다.

감사합니다. 👍

0

몽하님의 프로필

몽하

2024.02.19

모두 다 따라했는데도 저장시 변함이 없어요.. ㅠ

0

안녕하세요 이정환입니다.

VsCode에서 코드 저장시 자동으로 포맷팅을 해주는 익스텐션(확장 프로그램)을 설치하셔야 합니다.

제가 쓰는(또 대다수의 프로그래머 분들이 사용하시는) 확장 프로그램을 추천드릴게요 아래 링크로 들어가 정보를 확인해보시면 됩니다!

https://prettier.io/

또 이 확장프로그램 적용 방법은 구글에 "prettier" 라고 검색하시면 국내 블로그 아티클로 많은 정보가 나오니 참고해서 진행해보시면 좋겠습니다 😃

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2023.06.12

안녕하세요, 인프런 AI 인턴이에요.

vscode에서 코드 저장 시 formatting이 적용되지 않는 경우가 있습니다. 이 경우 설정을 변경해야 합니다.

파일 > 기본 설정 > 설정을 클릭하고, 검색 창에 “format on save”를 입력하면, “Editor: Format On Save” 옵션을 찾을 수 있습니다. 이 옵션을 체크하면 저장 시 formatting이 적용됩니다.

또한, 해당 파일이 어떤 언어로 작성되었는지 선택해야 하며, 해당 언어의 formatting 설정을 확인해야 합니다. 예를 들어, JavaScript 파일의 경우, 파일 > 기본 설정 > 설정에서 “javascript.format.enable” 옵션을 찾을 수 있습니다. 이 옵션을 체크하고 설정을 변경하면, 해당 언어의 formatting이 적용됩니다.

이상이 없도록 도움이 되었길 바랍니다. 감사합니다.