관리 메뉴

JIHYUN JEONG

[VS/Visual studio] 코드를 이쁘게 정리해주는 extension 'Prettier' 비주얼 스튜디오 본문

Information Technology/Tool

[VS/Visual studio] 코드를 이쁘게 정리해주는 extension 'Prettier' 비주얼 스튜디오

StopHyun 2018. 12. 6. 17:19

[VS/Visual studio] 코드를 이쁘게 정리해주는 extension 'Prettier'

 
 

 

 
 

Atom 에디터를 사용하다가 최근에 VS, Visual studio로 에디터를 바꿔 사용하고 있습니다. 여러 유용한 extention 프로그램 중에 가장 파워풀하다고 생각 되는 'Prettier'에 대해서 설명드리겠습니다.

Visual Studio가 설치 되어있다고 가정합니다. (설치하지 않으신 분은 먼저 설치해 주세요)

1. 우선 구글 검색창에 아래와 같이 입력합니다. 또는 아래 URL로 이동 합니다.

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

2. Install을 클릭 합니다.


아래

3. Visual studio Code.app 열기

4. 사용을 눌러서 설치를 합니다.

5. 설치가 완료 되었으면 왼쪽 아래 톱니 바퀴를 누른 후 > 설정

6. '새 설정 편집기'를 클릭 합니다.

7. 'prettier'를 검색 > 작업 영역 설정 > setting.json에서 편집을 클릭합니다.

8. 사용자 설정에 가서 아래와 같이 입력해 주고 저장합니다.

"editor.formatOnSave": true

9. 자 이제 모든 세팅이 완료 됫습니다. 이제 어떤 형식의 문서를 작성하든 저장을 하게 자동으로 이쁘게 코드를 꾸며줍니다.

 

도움이 되셨다면 커피 한잔 or 광고라도 클릭 부탁드립니다.

(여러분의 클릭이 지속적으로 콘텐츠를 생성하는데 큰 도움이 됩니다.)

 

Buy me a coffeeBuy me a coffee

 

Comments