>개발 도구 >atom >원자 사용법 튜토리얼

원자 사용법 튜토리얼

墨辰丷
墨辰丷원래의
2018-05-10 09:42:275263검색

이 글은 아톰의 단축키, 명령어, 플러그인을 위주로 소개하고 있으니 참고할만한 가치가 있어 모두에게 도움이 되었으면 좋겠습니다. 도움이 필요한 친구들이 참고할 수 있습니다.

단축키

cmd- 사이드바 표시 또는 숨기기

ctrl-0 사이드바에 포커스를 맞춘 후 트리 디렉터리의 파일을 조작할 수 있습니다

ctrl-P 위로 이동합니다. (이전)

ctrl-N 아래로 이동(다음)

ctrl-B 뒤로 이동(뒤로)

ctrl-F 앞으로 이동(앞으로)

ctrl-E 줄 끝으로 이동(End)

ctrl-A 이 줄의 첫 번째 문자로 이동(앞으로)

ctrl-A (두 번 탭) 줄의 처음으로 이동(공백 포함)

cmd-up 파일의 맨 위로 이동

cmd- down 파일 맨 아래로 이동

cmd-L 줄 전체 선택

cmd-shift-D 현재 줄 복제 (Duplicate)

ctrl-shift-K 현재 줄 삭제 (잘라내기)

cmd-shift -F 전체 프로젝트 검색

cmd-G 일치하는 다음 검색 결과 찾기

cmd -G-shift 이전에 일치하는 검색 결과 찾기

cmd-k 화살표 지정된 방향에 따라 창 분할

cmd-K, cmd-arrow 지정된 방향으로 창 초점 맞추기

Ctrl-O 파일 열기

Ctrl-Shift-O 폴더 열기

Ctrl-Alt-O 프로젝트 디렉토리 로드

Ctrl-G 줄로 이동

Ctrl-Shift-L 구문 선택

F11 전체 화면

Ctrl-Alt-I Chrome 디버거 열기

Ctrl -R 변수 및 함수 점프 패널 ​​입력

플러그인 명령 설치

거의 모두 Atom의 기능은 플러그인 형태로 존재합니다. 플러그인을 설치하는 방법이 가장 먼저 해야 할 일입니다. Atom은 그래픽 인터페이스 설치 방법 외에도 apm이라는 플러그인 관리자도 설치합니다. apm을 사용하여 플러그인을 설치하는 것이 매우 편리합니다.
또는 Atom 열기-》command+, 기본 설정 열기-》설치-》여기에서 플러그인 검색

atom /hopes /dreams   打开目录
atom file    打开文件
atom -h  获得帮助
apm install <package_name>  安装插件
apm install <package_name>@<package_version>  安装指定版本的插件

apm search <package_name>  查询插件
apm view <package_name>  查询插件详情
apm uninstall xxx      卸载插件

추천 플러그인

Emmet — 아티팩트, 일부 단축키는 Markdown 미리보기 단축키와 충돌합니다. , 변경하세요 Alright

autoprefixer - CSS 접두사를 보완하는 데 사용되며 여러 브라우저에 대한 접두사를 자동으로 생성합니다

color-picker - 색상 선택기, 지연 없음, 초고속 시작

linter - 다음을 통해 여러 언어의 오류를 식별할 수 있습니다. default 이지만 상세하지는 않으며 기본 플러그인에 속하며 더 자세한 검사 플러그인을 설치할 수 있습니다(하나씩 나열하기에는 너무 많아서 프런트 엔드에서 사용할 수 있는 플러그인은 다음과 같습니다)

linter -jshint, JavaScript 및 JSON용, jshint 사용

linter-coffeelint, CoffeeScript용, Coffeelint

lint-tslint, Typescript용, tslint

autocomplete-plus 사용 — 완벽한 내장 자동 완성, 보조 설정 포함, 일부 아래 나열된 항목에는 보조 설정이 있습니다

autocomplete-html — 더 자세한 내용

file-icons — 사이드바의 파일 이름 앞에 있는 아이콘인 많은 아이콘을 추가합니다.

filetype-color — 다양한 형식의 파일에 대해 탭 표시줄에 다양한 색상의 제목을 표시하고 보조 설정을 지원합니다.

minimap — Sublime Text를 사용해 본 사람이라면 누구나 이 사실을 알아야 합니다.

docblockr — 이 플러그인은 댓글, 많은 고급 편집자 모두 이 기능을 가지고 있습니다

autocomplete-paths 
autoclose-html —— 自动闭合html标签,很实用的功能,可以节省很多的时间。 
highlight-line —— 高亮当前行,快速找到光标在什么地方 
highlight-selected —— 高亮当前所选文字,双击后全文这个词或者变量都会高亮哦 
autocomplete-plus —— 完善自带autocomplete,可以安装更细化的插件:autocomplete-php、autocomplete-python、autocomplete-paths、autocomplete-html、autocomplete-bibtex、autocomplete-css等等。

安装 Atom-HTML-Preview

apm install atom-html-preview

默认的打开快捷键 ctrl+P不过貌似冲突了 
可以自定义快捷键:Atom->Keymap 中设置如下来自定义自己的快捷键

&#39;atom-text-editor&#39;:
&#39;ctrl-shift-h&#39;: &#39;atom-html-preview:toggle&#39;

这个在预览遇到中文时可能会乱码,可以在中加入ff94e7be1619a095952b0217c283b66c 就可以了

apm install activate-power-mode

关闭震动: 
震动看久了眼睛貌似已经都花了,还好可以关掉震动效果,在这个插件的设置中设置 
Screen Shake 
Disable 
效果可以参看:https://atom.io/packages/activate-power-mode

非常高兴这种插件已经支持很多编辑器,可以参看 https://github.com/codeinthedark/awesome-power-mode

atom-beatify 可以格式化很多语言的显示,快捷键 control+alt+b

相关推荐:

编辑神器--atom的详细介绍

Atom - 安装和配置实例教程

atom 如何設定ftp自動上傳

위 내용은 원자 사용법 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:없음다음 기사:atom实现html实时预览详解