[Visual Code] JSON, HTML 정렬하기


Java Script의 JSON.stringify()나 서버로 부터 String 형태로 오는 JSON 포맷의 텍스트를 Visual Code를 통해 쉽고 빠르게 정렬해 볼 수 있습니다.

또한, HTML 형식도 들여쓰기를 지원합니다.


한 가지 주의해야 할 점은 JSON정렬은 (.json)파일에서, HTML은 (.html)에서 적용됩니다.


 1. 단축키

(Ctrl + K) (Ctrl + F)


2. 예제

1) 확장자 (.json) 파일을 만들어줍니다.
2) String 타입으로 된 Json 텍스트를 붙여넣습니다.
3) 단축키 입력 (Ctrl + K, Ctrl + F) 

[ .json 파일에 텍스트 입력]
[ .json 파일에 텍스트 입력]

[단축키 (정렬) 실행]


3. 확장 예제 (HTML에서 활용)

방법은 동일하되, 이전 설명과 같이 파일만 (.html) 파일에서 사용하시면 됩니다.

[정렬되기 이전]


[정렬된 모습]



0 댓글