Vscode 편집기 의 교묘 한 사용법(코드 를 빠르게 포맷 하 는 방법)

많은 사람들 을 믿 습 니 다.코드 를 쓸 때 저 를 잊 을 때 등급 간 의 들 여 쓰 기 를 잊 어 버 려 서 코드 가 매우 뚜렷 하지 않 습 니 다.이 럴 때 당신 은 수 동 으로 조금씩 들 여 쓰 고 있 습 니까?이 럴 때 우 리 는 편집기 의 강력 한 기능 을 이용 해 야 합 니 다.
필 자 는 좋 은 편집기 인 Vscode 를 사용 합 니 다.많은 우수한 플러그 인 들 이 여러분 의 발견 을 기다 리 고 있 습 니 다.
여기 필 자 는 포맷 신 구 를 추천 합 니 다.

이 설 치 량 만 봐 도 괜 찮 겠 지?
많은 분 들 이 코드 를 이렇게 쓸 수 있 을 거 라 고 믿 어 요.

구조 에 등급 이 없다.
플러그 인 설치 후 실행 만 하면 됩 니 다.
ctrl + sahift + p
Beautify 파일 입력

플러그 인 은 자동 으로 인식 되 어 포맷 할 수 있 습 니 다.

그러나 일부 동료 들 은 vue,react 등 프레임 페이지 에서 실 행 된 결과 왜 다 르 지?

플러그 인 은 전혀 인식 되 지 않 고 스스로 선택 하 게 합 니 다.구 조 는 어느 것 을 선택해 도 숨 을 쉴 수 없 는 것 을 발견 할 수 있 습 니 다.
이 럴 때 플러그 인 을 설정 해 야 합 니 다.

설 치 된 확장 에서 플러그 인 을 찾 고 설정 을 클릭 하 며 확장 설정 을 선택 하 십시오.

편집 언어 선택

열 면 이렇게 돼 요.

우 리 는 js,css 가 모두 완비 되 어 있 는 것 을 발견 했다.다만 html,vue,react 가 부족 해서 우 리 는 수 동 으로 추가 했다.
저장 하고 다시 페이지 에 와 서 실행 하면 가 볍 고 유쾌 해 집 니 다.
이상 을 제외 하고 들 여 쓰기 설정 이 필요 합 니 다.


분명히 아래 코드 는 구조 가 더욱 뚜렷 해 보인다.
우 리 는 편집기 의 오른쪽 아래 에 빈 칸 을 클릭 하고 보 기 를 바 꾸 기만 하면 됩 니 다.

적당 하 다 고 생각 하 는 들 여 쓰기 를 누 르 십시오.보통 4 가 가장 좋 습 니 다.

그리고 Beautify file 명령 을 실행 하면 됩 니 다.
이상 은 Vscode 편집기 의 교묘 한 용법(코드 를 빠르게 포맷 하 는 방법)의 상세 한 내용 입 니 다.Vscode 편집기 코드 포맷 에 관 한 자 료 는 다른 관련 글 을 주목 하 십시오!