Atom 편집기에서 HTML 형식을 지정하는 명령이 있습니까?

218

Visual Studio에서와 같이 Ctrl+ K+ 사용하여 명령으로 HTML을 형식화하고 싶습니다 D. Atom 에서 가능 합니까? 그렇지 않은 경우 다른 옵션이 있습니까?

html atom-editor code-formatting

— 사용자 376456
소스

371

Atom에는 HTML 형식을 지정하는 기본 제공 명령이 없습니다. 그러나 atom-beautify 패키지를 설치 하여이 동작을 얻을 수 있습니다.

CTRL+ SHFT+ P를 눌러 명령 팔레트를 불러옵니다 ( Mac의 경우 CMD+ SHFT+ P).
패키지 관리자를 불러 오려면 패키지 설치를 입력 하십시오.
검색 창에 beautify 를 입력 하십시오.
atom-beautify 또는 다른 패키지 중 하나를 선택 하고 설치를 클릭하십시오 .
이제 atom-beautify CTRL+ ALT+ 의 기본 키 바인딩을 사용 B하여 HTML을 아름답게 만들 수 있습니다 ( Mac의 경우 CTRL+ OPTION+ B).

— 스튜어트 할로윈
소스

44

Atom이 가능한 한 가장 작은 코어를 가지고있어 필요한 것만 설치할 수 있다는 것은 멋진 의견입니다. 즉, Atom은 비 포맷을 필요로하지 않는 웹 이외의 앱을 개발하는 데 사용할 수 있습니다.

— ljs.dev

7

주제와 관련하여 가장 많이 다운로드 된 패키지와 함께 제공되는 "Atom for Web 개발자"와 같은 일부 사용자 정의 설치가있을 수 있습니다.

— Ricardo

2

예를 들어 atom-beautify 는 현재까지 685,927 다운로드를 가지고 있습니다.

— Ricardo

4

atom-beautify는 버그로 가득합니다. 실제 문서에서는 작동하지 않습니다. 인라인 요소가 있으면 제목에 줄 바꿈을 잘못 추가합니다. JS Beautify 엔진에서 Pretty Diff 엔진으로 전환하면 <dfn>단락 내부에 싸여있는 것과 같은 인라인 요소가 더 나빠 집니다.

— Garret Wilson

5

atom-beautify개인 들여 쓰기 설정 및 / 또는 .editorconfig설정 을 사용하지 않는다는 사실을 매우 싫어합니다 . 그것은 단지 모든 것을 그 형식으로 포맷 합니다.

— Diti

13

HTML을 확인하기위한 몇 가지 패키지가 있습니다. Atom 패키지 아카이브를 검색하여 찾을 수 있습니다.

Atom 사이트로 이동
패키지 링크를 클릭하십시오
검색 창에 "prettify"를 입력하십시오

또는 https://atom.io/packages/search?q=prettify 링크로 이동 하십시오.

원하는 작업을 수행하는 패키지를 선택한 후에 apm install [package name]는 명령 줄에서 다음 명령을 사용하여 설치하거나 기본 설정의 인터페이스를 사용하여 설치할 수 있습니다.

패키지가 설치되면 해당 기능을 활성화하는 방법에 대한 지시 사항을 따르십시오.

— 남자 이름
소스

8

https://github.com/Glavin001/atom-beautify

html도 다양한 언어를 포함합니다.

— 펑기
소스

6

atom에서 텍스트 서식을 지정하기 위해 atom beauty 패키지를 추가 할 수 있습니다.

파일-> 설정-> 설치

그런 다음 검색 영역에 atom-beautify 를 입력하십시오 .

그런 다음 패키지 버튼을 클릭하십시오. atom beuty를 선택하고 설치하십시오.

다음으로 (Alt + ctrl + b)를 사용하여 텍스트 서식을 지정하거나 마우스 오른쪽 버튼을 클릭하고 편집기 내용을 아름답게 선택하십시오.

— 자 얀타
소스

0

atom 편집기에서 "Packages"로 이동하십시오.
그런 다음 "패키지"보기에서 "설정보기"를 선택하십시오.
"패키지 / 테마 설치"를 선택하십시오.
"Atom Beautify"를 검색하여 설치하십시오.

— 어제이
소스