본문으로 건너뛰기
黯羽轻扬매일 조금씩

Sublime 가이드

무료2015-05-28#Tool#前端IDE#sublime#sublime插件

Sublime 은 아주 오래전에 설치했습니다. 동업자들이 모두 사용한다고 들었기 때문입니다. 최근에야 마침내 Notepad++ 를 포기하고 Sublime 으로 전환하기로 결정했습니다

서론

전에는 계속 notepad++ 를 사용했습니다. 나름 괜찮다고 느꼈습니다.后来，주변 사람들이 자신보다 훨씬 빠르게 코드를 작성하는 것을 발견하고 조금不服해서 플러그인을 찾기로 했습니다. 더 좋은 코드 완성 플러그인을 찾아 효율을 높이려고 했습니다. 이리저리 찾아다닌 결과 npp 를 언인스톨하고 sublime 으로 전환하기로 했습니다..

P.S.그 전에는 Dreamweaver 를 사용했지만，后来，수천 행의 소스 코드 파일을 편집하면 이유 없이 크래시가 발생하는 것을 발견하고 참을 수 없어서 가벼운 npp 로 갈아탔습니다. sublime 도早就에 설치했지만 인터페이스가 npp 만큼 눈에 익지 않아 계속 사용하지 않았습니다

一.Sublime 의 장점

사실 npp 를 포기한 가장 직접적인 이유는 주석 템플릿을 생성할 수 있는 플러그인을 찾을 수 없었기 때문입니다 (Eclipse 의 Alt + Shift + j 와 같은 것). 프론트엔드 개발에서 주석은 매우 중요하며 편리한 플러그인이 없으면 절대 받아들일 수 없습니다

플러그인을 찾는 과정에서 많은 플러그인이 PHP/Python 용이고 프론트엔드용 플러그인은 많지 않으며 게다가 쓸만한 것을 전혀 찾을 수 없었습니다. 코드 완성/주석 생성은 아마도 QuickText 플러그인으로 구현할 수 있겠지만 그래도 상대적으로 번거롭습니다

Sublime 이 가장 사람을 끌어들이는 것은 아마도Ctrl + p가 제공하는 초고속 기능일 것입니다. @를 입력하면 함수/변수가 표시되고 :n 을 입력하면 n 행으로 점프합니다. 이 몇 가지 간단한 기능은 npp 에서 최소 2-3 개의 플러그인이 필요하며 플러그인이 하나 늘어날 때마다 단축키 조합을 하나 더 기억해야 합니다

물론 npp 에도亮点이 있습니다. 예를 들어 기본 탑재된 Launch in Chrome/IE/FF 등입니다. Sublime 에서는 플러그인을 설치해야만 구현할 수 있습니다

npp 를 포기한 가장 큰 이유는 npp 의 프론트엔드 플러그인이 충분하지 않기 때문입니다. 많은 플러그인이早就에 업데이트가 중단되었으며 반면 Sublime 의 프론트엔드 플러그인은 원래 많고 게다가 계속 늘어나고 있습니다

P.S.Sublime 의 유료 문제에 대해 걱정하지 마십시오. 영구적으로 체험할 수 있다고 합니다. 가끔 팝업이 표시될 뿐입니다. 물론,还有一种东西叫做注册码..

二.Sublime 설치

공식 사이트：http://www.sublimetext.com/

다운로드하여 설치하면 됩니다. 현재 안정 버전은 2.0.2 입니다. 등록 코드는 다음과 같습니다:

----- BEGIN LICENSE -----

Andrew Weber

Single User License

EA7E-855605

813A03DD 5E4AD9E6 6C0EEB94 BC99798F

942194A6 02396E98 E62C9979 4BB979FE

91424C9D A45400BF F6747D88 2FB88078

90F5CC94 1CDC92DC 8457107A F151657B

1D22E383 A997F016 42397640 33F41CFC

E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D

5CDB7036 E56DE1C0 EFCC0840 650CD3A6

B98FC99C 8FAC73EE D2B95564 DF450523

------ END LICENSE ------

三.자주 사용하는 단축키

###1.만능 명령어

  • Ctrl+P, 만능 명령어 패널. 직접 알파벳을 입력하여 프로젝트 파일 검색. 속도가 빠름.

  • Ctrl+P+@입력, js 는 본 파일의 모든 함수명\html 은 모든 id 를 리스팅.

  • Ctrl+P+:N(N 은 숫자) 입력, 직접 N 행으로 점프.

###2.검색

  • Ctrl+Shift+F, 프로젝트에서 키워드를 빠르게 검색.ack-grep 과 같은 기능.

###3.코드 주석

  • Ctrl+/ 행 전체 주석 (이미 내용을 선택한 경우 "Ctrl+Shift+/"와 같은 효과)

  • Ctrl+Shift+/ 선택한 내용 주석

###4.코드 접기

  • Ctrl+Shift+[ 코드 접기

  • Ctrl+Shift+] 코드 펼치기

  • Ctrl+KT 속성 접기

  • Ctrl+K0 모두 펼치기

###5.분할

  • Alt+Shift+1 한 칸 보기 모드

  • Alt+Shift+2 수직 두 칸 보기 모드

  • Alt+Shift+8 수평 두 칸 보기 모드

###6.북마크

  • Ctrl+F2 북마크 설정

  • F2 다음 북마크

  • Shift+F2 이전 북마크

###7.선택

  • Ctrl+L 행 전체 선택 (누른 채로 아래 행 계속 선택)

  • Ctrl+KK 커서 위치에서 행 끝까지 삭제

  • Ctrl+Shift+K 행 전체 삭제

  • Ctrl+Shift+D 커서 위치 행 전체 복제하여 해당 행 앞에 삽입

  • Ctrl+J 행 병합 (병합할 여러 행을 선택한 경우)

  • Ctrl+KU 대문자로 변경

  • Ctrl+KL 소문자로 변경

  • Ctrl+D 단어 선택 (누른 채로 다음 같은 문자열 계속 선택)

  • Alt+F3 모든 같은 텍스트를 한 번에 선택하여 동시 편집

  • Shift+ 마우스 오른쪽 클릭 모든 같은 텍스트를 한 번에 선택하여 동시 편집

  • Ctrl+ 마우스 왼쪽 클릭 동시 편집할 여러 텍스트를 수동으로 선택

  • Ctrl+M 커서를 괄호 내 시작 또는 종료 위치로 이동

  • Ctrl+Shift+M 괄호 내 내용 선택 (누른 채로 부모 괄호 계속 선택)

  • Ctrl+Z 실행 취소

  • Ctrl+Y 실행 취소 복구

  • Ctrl+M 커서를 해당 괄호로 점프

  • Alt+. 현재 태그 닫기

  • Ctrl+Shift+A 커서 위치 부모 태그 쌍 선택

  • Ctrl+U 소프트 실행 취소

  • Ctrl+T 단어 교환

  • Tab 들여쓰기 자동 완성

  • Shift+Tab 들여쓰기 제거

  • Ctrl+Shift+↑ 위 행과 교환

  • Ctrl+Shift+↓ 아래 행과 교환

  • Ctrl+K Backspace 커서 위치에서 행 시작까지 삭제

  • Ctrl+Enter 커서 뒤에 행 삽입

  • Ctrl+Shift+Enter 커서 앞에 행 삽입

四.유용한 플러그인

###1.Sublime Package Control

플러그인 관리자. 설치하지 않으면 허리가 아픔

###2.GBK Encoding Support

어떤 txt 파일을 열었는데중국어 깨짐이 발견되면 이것이 필요할 수 있음

###3.Emmet

zenCoding 업그레이드 버전

손가락을 보호하는 신기. Markdown 과 같은 것.구체적인 문법

사용 방법: 단축키 ctrl+e

###4.BracketHighlighter

대응하는 괄호를 하이ライト 표시

사용 방법: 자동

###5.DocBlockr

주석 템플릿 생성 도구 (이것이なければ NPP 를 포기하지 않았음)

사용 방법: "/**" + enter 입력하여 호출 (function 위 행에서만 효과 있음)

###6.js Format

다른 사람의 코드를 볼 때 이것이 필요

사용 방법: 단축키 ctrl+alt+F

위의 6 개 플러그인이 있으면 매우 좋을 것임

참고 자료

댓글

아직 댓글이 없습니다

댓글 작성