Sublime Text로 생산성을 향상시키는 지름길 및 팁

게시 됨: 2022-03-10
빠른 요약 ↬ Sublime Text는 의심할 여지 없이 가장 강력한 텍스트 편집기 중 하나입니다. 만족한 사용자의 수가 이를 증명합니다. 탐색하면 간단하고 우아한 인터페이스 뒤에 강력한 기능이 얼마나 아름답게 숨겨져 있는지 알게 될 것입니다. Sublime Text를 한동안 사용해 왔다면 지금이 새로운 탄약으로 무기고를 업그레이드할 때입니다. 내가 좋아하는 몇 가지 팁과 트릭을 안내해 드리겠습니다. 그것들을 아는 것은 프로그래머로서 당신의 숨겨진 능력을 세상에 드러낼 수 있습니다.

Sublime Text는 의심할 여지 없이 가장 강력한 텍스트 편집기 중 하나입니다. 만족한 사용자의 수가 이를 증명합니다. 탐색하면 간단하고 우아한 인터페이스 뒤에 강력한 기능이 얼마나 아름답게 숨겨져 있는지 알게 될 것입니다.

Sublime Text를 한동안 사용해 왔다면 지금이 새로운 탄약으로 무기고를 업그레이드할 때입니다. 내가 좋아하는 몇 가지 팁과 트릭을 안내해 드리겠습니다. 그것들을 아는 것은 프로그래머로서 당신의 숨겨진 능력을 세상에 드러낼 수 있습니다.

SmashingMag에 대한 추가 정보:

  • 웹 디자이너를 위한 50가지 강력한 시간 절약 기능
  • 웹 디자이너를 위한 강력한 워크플로 팁, 도구 및 요령
  • 코딩 워크플로를 체계적으로 유지하는 방법

숭고한 텍스트 플러그인

패키지 관리

Package Control은 Sublime Text 관련 플러그인 및 테마를 다운로드하고 관리할 수 있는 원스톱 솔루션입니다. 설치 지침은 Package Control 웹사이트에서 확인할 수 있습니다.

점프 후 더! 아래에서 계속 읽기 ↓

일단 설치되면 명령 팔레트를 사용하여 액세스할 수 있습니다. 플러그인을 설치하려면 Cmd ⌘ + Shift ⇧ + P (Mac) 또는 Ctrl ⌃ + Shift ⇧ + P (Windows 및 Linux)를 누른 다음 Install Package 를 입력하고 "Return"을 누릅니다. 저장소의 플러그인 목록을 로드하는 데 몇 분이 걸리지만 관심 있는 플러그인의 이름을 입력하고 거기에서 설치할 수 있습니다. 내가 좋아하는 플러그인이 아래에 나열되어 있습니다.

패키지 제어.

사이드바 개선 사항

Sublime Text의 기본 사이드바는 일부 제한된 작업만 수행할 수 있습니다. Sidebar Enhancements 플러그인은 브라우저에서 파일 열기, 복사, 붙여넣기, 경로 복사, 복제, 삭제 등을 위한 명령으로 Sublime Text를 강화합니다.

사이드바 개선 사항.

일반 작업

Plain Tasks는 Sublime Text를 강력한 할 일 목록 관리자로 변환합니다. 패키지 제어를 통해 설치할 수 있습니다. 확장자가 .todo 인 파일을 생성하여 그 위에 일반 작업을 활성화합니다. 다른 팁은 "기본 설정" → "패키지 설정" → "일반 작업" → "자습서"에서 사용할 수 있는 플러그인에서 제공하는 자습서에 액세스할 수 있습니다.

새 작업의 경우:

  • Cmd ⌘ + Return ↵ (Mac)
  • Ctrl ⌃ + Return ↵ (Windows 및 Linux)

완료로 표시하려면:

  • Cmd ⌘ + D (맥)
  • Ctrl ⌃ + D (Windows 및 Linux)

취소됨으로 표시하려면:

  • Ctrl ⌃ + C (맥)
  • Alt + C (Windows 및 Linux)
일반 작업.

숭고한 린터

Sublime Linter를 사용하여 코드의 오류를 확인하십시오. 플러그인은 코드 린트를 위한 프레임워크를 제공합니다. 실제 린팅은 다양한 플러그인(Ruby, Python, JavaScript 등)에 의해 수행됩니다. 즉, 먼저 Sublime Linter를 설치한 다음 코드에 대한 구문별 린터를 설치해야 합니다. 광범위한 문서를 사용할 수 있습니다.

서브라임 린터.

개미

한때 Zen Coding으로 알려졌던 Emmet은 모든 웹 개발자에게 없어서는 안될 도구입니다. 아마도 당신이 찾을 수 있는 가장 생산적이고 시간을 절약해 주는 플러그인일 것입니다.

코드를 작성하는 데 시간이 걸리고 태그를 작성하고 클래스를 따옴표로 묶는 등의 HTML 작업은 지루할 수 있습니다. Emmet이 이 모든 것을 처리합니다. 마술처럼 약어를 전체 HTML 또는 CSS 구조로 확장합니다. 이러한 약어에 사용하는 구문은 CSS 선택기에서 영감을 받았습니다. 행동으로 지켜보자.

개미.

숭고한 교사

Sublime Tutor는 Sublime Text의 키보드 단축키에 대한 대화형 편집기 내 자습서입니다. Sublime Text를 막 시작했다면 플러그인은 편집기 자체 내에서 유용한 팁과 트릭을 가르쳐 생산성을 즉시 높일 것입니다. 플러그인은 간격 반복 기술을 사용하여 가르치는 명령을 기억할 수 있도록 합니다.

Sublime 플러그인: Sublime Tutor
숭고한 교사.

패키지 제어를 사용하여 플러그인을 설치합니다. 설치가 완료되면 "도움말" 메뉴 또는 Ctrl ⌃ + Alt ⌥ + K 키보드 단축키를 통해 튜터에 액세스할 수 있습니다.

숭고한 텍스트 기능

아무거나로 이동

이것은 아마도 Sublime Text에서 가장 강력하고 가장 많이 사용되는 명령일 것입니다. 파일, 폴더, 기호 및 라인을 쉽게 탐색하십시오.

파일로 이동하려면:

  • Cmd ⌘ + P (맥)
  • Ctrl ⌃ + P (Windows 및 Linux)

키보드 단축 코드를 누르고 파일 이름을 입력하기 시작합니다. Sublime Text는 퍼지 검색을 수행하고 원하는 파일을 즉시 가져옵니다.

기호로 이동:

  • Cmd ⌘ + R (맥)
  • Ctrl ⌃ + R (Windows 및 Linux)

한 줄로 이동:

  • Ctrl ⌃ + G (맥)
  • Ctrl ⌃ + G (Windows 및 Linux)

파일의 특정 줄로 이동하려면 콜론과 줄 번호를 차례로 입력하거나 키보드 단축 코드를 사용합니다.

아무거나 가세요.

단어 선택

  • Cmd ⌘ + D (맥)
  • Ctrl ⌃ + D (Windows 및 Linux)

커서를 단어에 놓고 키보드 단축키를 누르면 단어가 즉시 선택됩니다. 동일한 키 조합을 다시 누르면 Sublime Text가 다중 선택 모드로 전환되고 문서에서 동일한 단어의 다른 인스턴스를 선택합니다. 이 방법을 사용하여 단어의 모든 인스턴스에서 텍스트를 빠르게 추가하거나 바꿀 수 있습니다.

단어 선택.
  • Ctrl ⌃ + Cmd ⌘ + G (맥)
  • Alt + F3 (Windows 및 Linux)

이것은 동일한 것을 달성하는 또 다른 방법입니다. 단어를 점진적으로 검색하는 대신 커서 아래에 있는 단어를 일괄 검색하고 다중 선택 모드로 전환합니다.

범위로 선택 확장

  • Cmd ⌘ + Shift ⇧ + Space ␣ (Mac)
  • Ctrl ⌃ + Shift ⇧ + Space ␣ (Windows 및 Linux)

이 단축키는 JavaScript 개발자에게 매우 유용합니다. 현재 범위를 선택합니다. 동일한 키 조합을 다시 누르면 상위 범위가 선택됩니다. 비디오는 작동 방식을 명확하게 보여줍니다.

범위로 선택을 확장합니다.

선택 항목을 줄로 나누기

  • Cmd ⌘ + Shift ⇧ + L (맥)
  • Ctrl ⌃ + Shift ⇧ + L (Windows 및 Linux)

이 단축키를 사용하여 선택한 영역을 여러 줄로 나누고 Sublime Text를 다중 선택 모드로 전환합니다. 이 트릭을 사용하여 단어 목록을 묶인 문자열 배열로 빠르게 변환합니다.

선택 항목을 줄로 나눕니다.

열 선택

  • Ctrl ⌃ + Shift ⇧ + Up ↑ / Down ↓ (Mac)
  • Ctrl ⌃ + Alt + Up ↑ / Down ↓ (Win)
  • Alt + Shift ⇧ + Up ↑ / Down ↓ (리눅스)

이 바로 가기를 사용하여 Sublime Text에서 열을 선택합니다. 문서의 아무 곳에나 커서를 놓고 바로 가기를 눌러 열을 위쪽 또는 아래쪽으로 선택합니다. 또한 위의 두 명령과 같이 다중 선택 모드로 전환됩니다.

열 선택.

종류

  • F5 (맥)
  • F9 (Windows 및 Linux)

내 CSS 속성을 알파벳순으로 정렬된 상태로 유지하고 싶습니다. 이 명령은 매우 유용합니다. 정렬해야 하는 블록을 선택한 다음(프로 팁: Ctrl ⌃ + Shift ⇧ + J 를 사용하여 들여쓰기 수준 선택) 키보드 단축 코드를 누릅니다.

종류.

맞춤법 검사 켜기

  • F6

코드가 검토 단계에 도달한 후 인쇄상의 오류로 인해 더 이상 실망하지 마십시오. 맞춤법 검사기를 빠르게 전환하려면 이 키를 사용합니다.

맞춤법 검사를 켭니다.

논평

  • Cmd ⌘ + / (맥)
  • Ctrl ⌃ + / (Windows 및 Linux)

이것은 내가 가장 자주 사용하는 바로 가기 중 하나입니다. 이 바로 가기를 사용하면 모든 프로그래밍 언어에서 주석을 표시하는 것이 간단해집니다. HTML 파일에서는 한 쌍의 <!-- --> 태그를 삽입하지만 JavaScript에서는 // 를 줄의 시작 부분에 넣습니다.

논평.

위로 또는 아래로 라인에 버블링

  • Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
  • Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows 및 Linux)

코드 조각을 다섯 줄 위로 옮기고 싶습니까? 자르고 붙이기는 정말 구식입니다. 이 키 바인딩을 사용하여 원하는 곳 어디에서나 스니펫을 가져갈 수 있습니다. 단축키를 다시 누르면 더 위 또는 아래로 계속 이동합니다.

라인을 위 또는 아래로 버블링합니다.

중복 선택

  • Cmd ⌘ + Shift ⇧ + D (맥)
  • Ctrl ⌃ + Shift ⇧ + D (Windows 및 Linux)

기본적으로 이 바로 가기는 현재 줄을 복제하여 다음 줄에 넣습니다. 영역을 선택하고 이 단축키를 누르면 전체 영역이 복제됩니다.

중복 선택.

두 줄 결합

  • Cmd ⌘ + J (맥)
  • Ctrl ⌃ + J (Windows 및 Linux)

이것은 다음 줄을 현재 줄에 결합하여 그 사이의 모든 공백을 단일 공백으로 바꿉니다. 라인 블록에서 수행되며 모든 라인을 함께 결합합니다.

두 줄을 연결합니다.

대괄호로 이동

  • Ctrl ⌃ + M

이 명령을 사용하여 한 브래킷 위치에서 다른 위치로 커서를 이동합니다. 이것은 긴 방법에서 길을 잃고 시작 위치에 도달하려고 할 때(또는 그 반대의 경우) 특히 유용합니다.

일치하는 대괄호로 이동합니다.

HTML 태그 닫기

  • Cmd ⌘ + Opt ⌥ + . (맥)
  • Alt + . (윈도우 및 리눅스)

이 바로 가기를 사용하여 현재 열려 있는 HTML 태그를 닫습니다. 현재 커서 위치에 일치하는 닫는 태그를 삽입합니다.

HTML 태그를 닫습니다.

프로젝트에서 찾기

  • Cmd ⌘ + Shift ⇧ + F (맥)
  • Ctrl ⌃ + Shift ⇧ + F (Windows 및 Linux)

이것은 Sublime Text에 해당하는 grep 입니다. 전체 프로젝트 내에서 용어를 찾습니다. 이 명령의 특별한 점은 매우 빠르다는 것입니다. 대소문자를 구분하고 정규식 일치를 수행하는 옵션도 있습니다.

프로젝트 전체의 현재 문서에서 특정 용어를 검색하려면 해당 용어에 커서를 놓고 Ctrl ⌃ + E 를 누르면 해당 용어가 검색 상자에 표시됩니다. 위의 단축 코드를 누르면 프로젝트 전체의 검색 상자가 이 용어로 채워집니다.

프로젝트에서 찾습니다.

탭 간 전환

  • Cmd ⌘ + Shift ⇧ + [ 또는 ] (Mac)
  • Ctrl ⌃ + Page Up ⇞ 또는 Page Down ⇟ (Windows 및 Linux)

웹 브라우저에서처럼 Sublime Text에서 여러 탭을 열 수 있습니다. 한 탭에서 다른 탭으로 이동하려면 위에 언급된 바로 가기를 사용하고 Cmd ⌘ + T (Mac) 또는 Ctrl ⌃ + N (Windows 및 Linux)을 사용하여 새 탭을 만들 수 있습니다.

탭 간에 전환합니다.

명령 팔레트

  • Cmd ⌘ + Shift ⇧ + P (맥)
  • Ctrl ⌃ + Shift ⇧ + P (Windows 및 Linux)

Sublime Text에 익숙해지면 메뉴에 액세스하는 횟수가 줄어들고 대신 키보드를 몇 번만 탭하면 모든 작업을 수행할 수 있습니다. 명령 팔레트를 사용하면 명령을 빠르게 입력할 수 있으며 Sublime Text는 기존 명령 세트와 유사 일치를 수행하므로 편리한 위치에서 명령에 액세스할 수 있습니다.

다음은 명령 팔레트에서 시도할 수 있는 몇 가지 사항입니다. 새로 생성된 파일의 구문을 설정하고, 현재 문서에서 줄을 정렬하고, 패키지 제어를 사용하여 플러그인을 설치합니다.

명령 팔레트.

콘솔 표시

  • Ctrl ⌃ + `

Sublime Text는 내장된 Python 인터프리터와 함께 제공됩니다. 편집기용 플러그인을 개발할 때 Python 명령을 실행하거나 Sublime Text의 API를 빠르게 테스트할 수 있는 편리한 도구입니다.

열 선택.

종류

  • F5 (맥)
  • F9 (Windows 및 Linux)

내 CSS 속성을 알파벳순으로 정렬된 상태로 유지하고 싶습니다. 이 명령은 매우 유용합니다. 정렬해야 하는 블록을 선택한 다음(프로 팁: Ctrl ⌃ + Shift ⇧ + J 를 사용하여 들여쓰기 수준 선택) 키보드 단축 코드를 누릅니다.

종류.

맞춤법 검사 켜기

  • F6

코드가 검토 단계에 도달한 후 인쇄상의 오류로 인해 더 이상 실망하지 마십시오. 맞춤법 검사기를 빠르게 전환하려면 이 키를 사용합니다.

맞춤법 검사를 켭니다.

논평

  • Cmd ⌘ + / (맥)
  • Ctrl ⌃ + / (Windows 및 Linux)

이것은 내가 가장 자주 사용하는 바로 가기 중 하나입니다. 이 바로 가기를 사용하면 모든 프로그래밍 언어에서 주석을 표시하는 것이 간단해집니다. HTML 파일에서는 한 쌍의 <!-- --> 태그를 삽입하지만 JavaScript에서는 // 를 줄의 시작 부분에 넣습니다.

논평.

위로 또는 아래로 라인에 버블링

  • Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
  • Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows 및 Linux)

코드 조각을 다섯 줄 위로 옮기고 싶습니까? 자르고 붙이기는 정말 구식입니다. 이 키 바인딩을 사용하여 원하는 곳 어디에서나 스니펫을 가져갈 수 있습니다. 단축키를 다시 누르면 더 위 또는 아래로 계속 이동합니다.

라인을 위 또는 아래로 버블링합니다.

중복 선택

  • Cmd ⌘ + Shift ⇧ + D (맥)
  • Ctrl ⌃ + Shift ⇧ + D (Windows 및 Linux)

기본적으로 이 바로 가기는 현재 줄을 복제하여 다음 줄에 넣습니다. 영역을 선택하고 이 단축키를 누르면 전체 영역이 복제됩니다.

중복 선택.

두 줄 결합

  • Cmd ⌘ + J (맥)
  • Ctrl ⌃ + J (Windows 및 Linux)

이것은 다음 줄을 현재 줄에 결합하여 그 사이의 모든 공백을 단일 공백으로 바꿉니다. 라인 블록에서 수행되며 모든 라인을 함께 결합합니다.

두 줄을 연결합니다.

대괄호로 이동

  • Ctrl ⌃ + M

이 명령을 사용하여 한 브래킷 위치에서 다른 위치로 커서를 이동합니다. 이것은 긴 방법에서 길을 잃고 시작 위치에 도달하려고 할 때(또는 그 반대의 경우) 특히 유용합니다.

일치하는 대괄호로 이동합니다.

HTML 태그 닫기

  • Cmd ⌘ + Opt ⌥ + . (맥)
  • Alt + . (윈도우 및 리눅스)

이 바로 가기를 사용하여 현재 열려 있는 HTML 태그를 닫습니다. 현재 커서 위치에 일치하는 닫는 태그를 삽입합니다.

HTML 태그를 닫습니다.

프로젝트에서 찾기

  • Cmd ⌘ + Shift ⇧ + F (맥)
  • Ctrl ⌃ + Shift ⇧ + F (Windows 및 Linux)

이것은 Sublime Text에 해당하는 grep 입니다. 전체 프로젝트 내에서 용어를 찾습니다. 이 명령의 특별한 점은 매우 빠르다는 것입니다. 대소문자를 구분하고 정규식 일치를 수행하는 옵션도 있습니다.

프로젝트 전체의 현재 문서에서 특정 용어를 검색하려면 해당 용어에 커서를 놓고 Ctrl ⌃ + E 를 누르면 해당 용어가 검색 상자에 표시됩니다. 위의 단축 코드를 누르면 프로젝트 전체의 검색 상자가 이 용어로 채워집니다.

프로젝트에서 찾습니다.

탭 간 전환

  • Cmd ⌘ + Shift ⇧ + [ 또는 ] (Mac)
  • Ctrl ⌃ + Page Up ⇞ 또는 Page Down ⇟ (Windows 및 Linux)

웹 브라우저에서처럼 Sublime Text에서 여러 탭을 열 수 있습니다. 한 탭에서 다른 탭으로 이동하려면 위에 언급된 바로 가기를 사용하고 Cmd ⌘ + T (Mac) 또는 Ctrl ⌃ + N (Windows 및 Linux)을 사용하여 새 탭을 만들 수 있습니다.

탭 간에 전환합니다.

명령 팔레트

  • Cmd ⌘ + Shift ⇧ + P (맥)
  • Ctrl ⌃ + Shift ⇧ + P (Windows 및 Linux)

Sublime Text에 익숙해지면 메뉴에 액세스하는 횟수가 줄어들고 대신 키보드를 몇 번만 탭하면 모든 작업을 수행할 수 있습니다. 명령 팔레트를 사용하면 명령을 빠르게 입력할 수 있으며 Sublime Text는 기존 명령 세트와 유사 일치를 수행하므로 편리한 위치에서 명령에 액세스할 수 있습니다.

다음은 명령 팔레트에서 시도할 수 있는 몇 가지 사항입니다. 새로 생성된 파일의 구문을 설정하고, 현재 문서에서 줄을 정렬하고, 패키지 제어를 사용하여 플러그인을 설치합니다.

명령 팔레트.

콘솔 표시

  • Ctrl ⌃ + `

Sublime Text는 내장된 Python 인터프리터와 함께 제공됩니다. 편집기용 플러그인을 개발할 때 Python 명령을 실행하거나 Sublime Text의 API를 빠르게 테스트할 수 있는 편리한 도구입니다.

이 인터프리터는 Sublime Text와 함께 번들로 제공되며 시스템에 설치된 Python과 다릅니다. 이 콘솔의 목적은 Sublime Text의 플러그인용 API와 상호 작용하는 것입니다. Package Control을 설치할 때 이 콘솔을 사용했을 것입니다.

콘솔을 표시합니다.

Sublime Text의 플러그인 API를 사용하여 수행할 수 있는 작업을 알아보려면 설명서를 참조하세요.

산만하지 않은 모드

  • Cmd ⌘ + Ctrl ⌃ + Shift ⇧ + F (맥)
  • Shift ⇧ + F11 (Windows 및 Linux)

작가와 집중적으로 집중할 수 있어야 하는 다른 사람들을 위해 Sublime Text는 훨씬 더 미니멀한 인터페이스를 제공합니다. 바로 가기를 사용하여 방해 방지 모드를 켜고 끕니다.

산만하지 않은 모드.

텍스트 명령줄 도우미

Sublime Text에는 명령줄에서 파일 작업을 매우 쉽게 하는 명령줄 도구가 포함되어 있습니다. Mac에서 작동하게 하려면 셸에서 사용할 수 있도록 해야 합니다.

Sublime Text를 "Applications" 폴더에 넣었고 경로에 ~/bin 디렉토리가 있다고 가정하고 다음을 실행할 수 있습니다.

 ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" ~/bin/sublime 
텍스트 명령줄 도우미.

입력을 요청하는 명령(예: git commit )의 기본 편집기로 사용하려면 editor 환경 변수를 설정하십시오.

 export EDITOR='sublime -w'

Windows에서는 비슷한 방식으로 subl.exe 를 사용할 수 있습니다.

결론

Sublime Text는 그러한 강력한 단축키와 명령으로 가득 차 있습니다. 이 기사를 대충 훑어보는 것만으로는 이것들을 기억하지 못할 것입니다. 오히려, 당신이 그것을 통해 연습해야합니다. 자신에게 가장 유용한 단축키를 나열하고 Sublime Text로 작업할 때 정기적으로 참조하십시오. 연습이 핵심입니다. 당신은 Sublime Text 닌자가 되는 길에 있습니다.