> 개발 도구 > atom > ATOM Editor 사용 경험(요약)

ATOM Editor 사용 경험(요약)

青灯夜游
풀어 주다: 2021-02-03 18:53:08
원래의
7595명이 탐색했습니다.

이 장에서는 ATOM 편집기 사용 경험을 소개합니다(요약). 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

ATOM 소개 및 설치

ATOM: 21세기의 해커 텍스트 편집기 (직접 사용해 보아야 알 수 있습니다)

연결 주소: https://atom.io/

설치단계: 공식 다운로드 후 아주 작은 .exe 파일을 압축해제 후 C드라이브를 통해 실행한 뒤 순수 영어로 실행합니다.

사용 튜토리얼(초보자용) 또는 시도자)

중국어: chinakids의 프로그래머가 간체 중국어 메뉴라는 중국어 패키지를 작성하고, 패키지 열기 –보기 설정 – 열기 –설치, 간체 중국어 메뉴 검색 및 설치 그것을 중국어화하는 것입니다.

ATOM Editor 사용 경험(요약)

ATOM Editor 사용 경험(요약)

그런 다음 설치(오른쪽에 설치)를 클릭합니다. 중국어 버전에 대해 한 가지 말씀드리고 싶습니다. 다른 사람들에게는 쉽지 않다는 것을 알지만 중국어 버전을 원한다면 모든 것을 중국어로 만드세요. 버전 때문에 아직 영어로 된 특별한 마우스 오른쪽 버튼 메뉴가 있습니다.

ATOM Editor 사용 경험(요약)플러그인 소개

프런트엔드에 대해서는 플러그인을 소개하겠습니다. (사람마다 다르며, 다른 플러그인을 설치해서 보실 수 있습니다.)

방법: 확장 - 인터페이스 설정 - 플러그인/테마 설치 플러그인 이름을 입력하고 설치한 후 다시 시작하세요.

플러그인 소개:

자동 완성 파일 경로 프롬프트: autocomplete-paths

ATOM Editor 사용 경험(요약)

html 페이지 미리보기:atom- html-preview

bootstrap3 코드 프롬프트 플러그인:atom-bootstrap3

이 플러그인은 외부에서 제공되는 객체의 속성과 메소드를 모두 제안 형식으로 프롬프트할 수 있습니다. js 코드에 대한 자동 프롬프트로 이해할 수 있는 객체의 외부 제공 인터페이스:atom-ternjs

html 태그 자동 비교: autoclose-html

file-types는 파일 유형을 구별하는 데 사용되며, file-types-icon은 다양한 질문 유형에 다양한 아이콘을 추가하는 데 사용됩니다.

파일 유형 및 파일 유형 아이콘

ATOM Editor 사용 경험(요약)

Emmet 플러그인 (html:5를 입력하고 탭 키를 누르세요)

웹 개발 속도를 높이세요. 및 스니펫(코드 스니펫) 및 약어 확장(약어 확장) 기능 제공

ATOM Editor 사용 경험(요약)

ATOM Editor 사용 경험(요약)

코드 강조 표시: 빠른 강조 표시 platformio -ide-terminal

빠른 파일 열기 또는 새 파일 생성 및 경로 완성 지원: 고급 -open-file

CSS가 올바른지 확인하세요: csslint

js 완성: Linter Jshint

문서 설명: docblockr

코드 미니맵: minimap

코드 입력 시 효과: tortoise-svn

코드 정렬 라인: (설정-에디터 설정-들여쓰기 표시선 표시)

자동 줄 바꿈: (설정에 편집기 설정이 있습니다. 내부에 자동 줄 바꿈이 있으니 확인하세요)

요약:

플러그- in은 매우 강력하고, UI 디자인이 아름답고, 기능은 약간 고급 편집기와 비슷하지만, 일부 기능은 매우 특별하지만, 어떤 곳에서는 이만큼 유연한 편집기가 없다고 느낍니다. , 편집기는 단지 보조 도구일 뿐이며 주로 사용자의 습관에 따라 다릅니다.

위 내용은 ATOM Editor 사용 경험(요약)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿