Sublime Text - HTML、CSS、JSコードの自動整列

Sublimte Text、HTML、CSS、JSなどのコードを自動的に並べ替えてくれるHTML-CSS-JS Prettifyというプラグインを紹介します。

特に、JsonXMLなどのコードも配置してくれるので、場合によっては、ウェブ上で解析した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"を選択してもされます。

参考

codechachaCopyright ©2019 codechacha