Sublimte Text에서 HTML, CSS, JS 등의 코드를 자동으로 정렬해주는 HTML-CSS-JS Prettify라는 플러그인을 소개합니다.
특히, Json, XML 등의 코드도 정렬해주기 때문에, 간혹 웹에서 파싱한 Json파일을 볼 때 좋습니다.
예를 들어, 아래와 같이 Json 파일이 한줄로 되어있어 보기 어려울 때..
{"title":"<IntelliJ에서 자바(jar) 라이브러리 추가하는 방법>","description":"IntelliJ의 자바 프로젝트에서 로컬 jar 라이브러리를 추가하는 방법을 알아보겠습니다. 개발환경은 우분투18.04입니다. Jar 라이브러리는 IntelliJ의 세팅 메뉴에서 추가할 수 있고, Gradle을 사용하는 경우 Gradle 파일에 라이브러리를 추가해줄 수 있습니다.","link":"https://codechacha.com/ko/how-to-add-jar-in-intellij/"}
이 플러그인을 사용하면 이렇게 보기 쉽게 정렬할 수 있습니다.
{
"title": "<IntelliJ에서 자바(jar) 라이브러리 추가하는 방법>",
"description": "IntelliJ의 자바 프로젝트에서 로컬 jar 라이브러리를 추가하는 방법을 알아보겠습니다. 개발환경은 우분투18.04입니다. Jar 라이브러리는 IntelliJ의 세팅 메뉴에서 추가할 수 있고, Gradle을 사용하는 경우 Gradle 파일에 라이브러리를 추가해줄 수 있습니다.",
"link": "https://codechacha.com/ko/how-to-add-jar-in-intellij/",
}
물론 HTML, CSS, JS 등의 코드도 정렬할 수 있습니다.
설치
다음과 같이 Prettify를 설치를 합니다.
- Sublime Text에서 [Ctrl + Shift + P]를 누르고
- "Package Control: Install Package"를 선택합니다.
- "HTML-CSS-JS Prettify"를 찾아서 설치합니다.
사용 방법
자동 정렬하려는 코드를 블럭으로 선택하고 [Ctrl + Shift + H]를 누르면 정렬이 됩니다.
Sublime Text의 [Tools -> HTML/CSS/JS Prettify]에서 "Prettify Code"를 선택해도 됩니다.
참고
Loading script...
Related Posts
- VSCode에서 탭 간격 설정 (Tab to 4 spaces)
- Visual Studio Code에서 코드 자동 정렬
- 구글 검색 기록 삭제, 자동 저장 끄기 (PC, 모바일)
- 안드로이드 개발자 옵션 활성화, USB 디버깅 켜기
- 유튜브 채널 차단, 해제 방법 (PC, 모바일)
- 유튜브 미리보기 자동재생 끄기 (자동 소리 끄기/켜기)
- PC에서 유튜브 모바일 버전(m.youtube.com)으로 보기
- 모바일에서 유튜브 PC버전으로 보기
- 유튜브 시간 링크 만들기, 댓글에 시간 태그 입력하기
- 유튜브 스크립트 함께 보기, 자막 추출 방법
- 유튜브 알고리즘 초기화, 검색 기록과 시청 기록 삭제
- 유튜브 '싫어요' 숫자 다시 보이게 하기
- 구글 크롬, 방금 닫은 탭 다시 열기
- Maven으로 Java프로젝트 build하는 방법
- node.js, npm 버전 확인 방법 (터미널, cmd 명령어)
- GitLab - 'pre-receive hook declined' 에러 해결
- Javacript Heap Out Of Memory 문제 해결
- SSH key 생성하고 GitHub에 등록
- GMT, UTC의 차이점
- Linux(Ubuntu)에 Adobe Photoshop, Illustrator 설치하는 방법
- BlueStacks - PC에서 안드로이드 앱을 실행하는 가장 쉬운 방법
- 스탠딩 데스크 구입, 조립 및 사용 후기
- 미니 키보드(9 keys) 구입 후기 (매크로, 키 설정 가능)
- AMP 사이트에 Facebook Comments(댓글) 달기
- Desktop AMP 버전에 Adsense 적용하기
- IntelliJ - Java, Kotlin 프로젝트 만들기(Gradle)
- Node.js - Twitter api로 트윗하는 방법
- GoDaddy -> NameCheap 도메인 이전하기
- Sublime Text - HTML, CSS, JS 코드 자동 정렬
- VSCode - PlantUML 플러그인 설치 및 사용 방법
- React Adsense 라이브러리 소개(GatsbyJs에 adsense 광고 붙이는 방법)
- Gradle - Jar 라이브러리에서 일부 클래스를 삭제하는 방법 (duplicated dependency 문제 해결)
- clean-css로 CSS 파일을 경량화(minify)하는 방법
- C++ STL Vector 사용 방법
- Selenium - 페이지 로딩이 완료될 때까지 기다리기 (python)