☰

HTML + CSS + JS가 포함된 텍스트를 아름답게 만들 수 있는 명령줄 애플리케이션이 있나요?

tag-icon • tag-icon command-line text-formatting
HTML + CSS + JS가 포함된 텍스트를 아름답게 만들 수 있는 명령줄 애플리케이션이 있나요?

나는 가볍고 간단하기 때문에 Geany를 사용합니다. 하지만 미래에 대해 제가 정말 그리워하는 것 중 하나는 복잡하고 번거로운 코드 편집기를 사용하여 키 입력으로 코드를 아름답게 만드는 것입니다. 그러나 Geany를 사용하면 "사용자 정의 명령"을 통해 편집기의 텍스트에서 외부 스크립트를 실행할 수 있습니다.

그럼 HTML + CSS + JS가 포함된 웹페이지를 아름답게 만들 수 있는 CLI 프로그램을 찾고 있는 걸까요? HTML이나 JS뿐만이 아닙니다. HTML, CSS, JS 또는 모두가 포함된 경우 페이지를 아름답게 만드세요.

답변1

처음 설치더 아름다운"글로벌" 사용새로운 프로젝트 관리또는 당신의패키지 관리자.

사용 npm:

npm install -g prettier

Geany의 "사용자 정의 명령"을 사용하여 CSS를 "미화"하려면:

구성 - 한 번만!

  1. Edit -> Format -> Send selection to -> Set custom commands
  2. 딸깍 하는 소리Add
  3. prettier --stdin-filepath temp.css명령 필드에 입력하십시오.
  4. CSS태그 입력
  5. 을 클릭합니다 OK.

이제 CSS를 "아름답게 만들고" 싶을 때마다:

  1. 아름답게 만들 CSS 텍스트를 선택하세요:
  2. 이동/누르기Edit -> Format -> Send selection to -> CSS

[추천] "뷰티파이"모든 소스 코드 파일직접 사용하는 것이 더 아름답습니다.

  1. npx 더 예쁘다 --write .
  2. 읽다"용법자세한 내용은 설명서의 섹션을 참조하세요.

경고하다: 소스 코드 파일을 아름답게 꾸미거나 서식을 지정하세요.개정하다그들을.

관련 정보