오늘은 제가 가장 좋아하는 편집기 중 하나인 ——Sublime Text3에 대한 공통 단축키를 공유하고 싶습니다.
누구나 코드를 매일 다룬다고 생각하는데, 가장 시간이 오래 걸리는 건 에디터인데 특히 즐겨 쓰는 편이에요. Sublime Text3이 편집기는 매우 아름답고 섹시해 보이기 때문에(제 생각에는 그렇습니다), 사랑에 빠지면 정말 사용하기 쉽고 간단하며 매우 훌륭하다는 것을 알게 될 것입니다. 편리한 편집기. 좋아요, 계속 칭찬하진 않겠습니다. 사람마다 습관에 따라 다르겠죠? 본론으로 돌아가서 이 편집기를 더욱 편안하게 사용할 수 있도록 일반적으로 사용되는 단축키 몇 가지를 공유하겠습니다.
1. 수업 단축키 선택:
Ctrl+D 커서가 위치한 텍스트를 선택하세요. 다음의 동일한 텍스트가 의 텍스트 가 선택됩니다.
Alt+F3 텍스트를 선택하고 단축키를 누르면 동일한 텍스트를 한꺼번에 선택하여 동시에 편집할 수 있습니다. 예를 들어 동일한 변수 이름, 함수 이름 등을 모두 빠르게 선택하고 변경합니다.
Ctrl+L 전체 행을 선택하고 계속해서 다음 행을 선택하는 효과는 Shift+↓ .
Ctrl+Shift+L 먼저 여러 줄을 선택한 후 단축키를 누르면 각 줄 끝에 커서가 삽입되고 편집이 가능합니다. 이 라인을 동시에.
Ctrl+Shift+M 괄호 안의 내용을 선택하세요(계속해서 상위 괄호 선택). 예를 들어, 함수에서 코드를 삭제하거나, 함수 본문 코드를 다시 작성하거나, 괄호 안의 내용을 다시 작성하도록 빠르게 선택하세요.
Ctrl+M 커서를 괄호 안의 끝 또는 시작 위치로 이동합니다.
Ctrl+Enter 다음 줄에 새 줄을 삽입합니다. 예를 들어, 커서가 줄의 끝에 있지 않더라도 아래쪽으로 빠르게 줄을 삽입할 수 있습니다.
Ctrl+Shift+Enter 이전 줄에 새 줄을 삽입합니다. 예를 들어 커서가 줄의 시작 부분에 있지 않더라도 위쪽으로 빠르게 줄을 삽입할 수 있습니다.
Ctrl+Shift+[ 코드를 선택하고 단축키를 누르면 코드가 접힙니다.
Ctrl+Shift+] 코드를 선택하고 단축키를 누르면 코드가 확장됩니다.
Ctrl+K+0 접힌 코드를 모두 확장합니다.
Ctrl+← 커서를 왼쪽으로 단일 이동하고, 빠르게 커서를 이동합니다.
Ctrl+→ 커서를 오른쪽으로 단일 이동하고, 빠르게 커서를 이동합니다.
shift+↑ 위로 여러 줄을 선택하세요.
shift+↓ 아래쪽으로 여러 줄을 선택하세요.
Shift+← 왼쪽에 있는 텍스트를 선택하세요.
Shift+→ 오른쪽에 있는 텍스트를 선택하세요.
Ctrl+Shift+← 왼쪽의 텍스트를 단일 선택합니다.
Ctrl+Shift+→ 오른쪽에 있는 텍스트를 단일 선택하세요.
Ctrl+Shift+↑ 커서가 있는 줄을 이전 코드 줄과 바꿉니다(이전 줄 앞에 커서가 있는 줄을 삽입). .
Ctrl+Shift+↓ 커서가 있는 줄과 다음 코드 줄 바꾸기(다음 줄 뒤에 커서가 있는 줄 삽입) .
Ctrl+Alt+↑ 여러 줄 커서를 위쪽으로 추가하면 여러 줄을 동시에 편집할 수 있습니다.
Ctrl+Alt+↓ 동시에 여러 줄을 편집하려면 아래쪽에 여러 줄 커서를 추가하세요.
2. 단축키 편집:
Ctrl+J 선택한 코드 줄을 한 줄로 병합합니다. 예를 들어 여러 줄 형식의 CSS 속성을 한 줄로 병합합니다.
Ctrl+Shift+D 커서가 있는 줄 전체를 복사하여 다음 줄에 삽입합니다.
탭 오른쪽으로 들여쓰기합니다.
Shift+Tab 왼쪽으로 들여쓰기합니다.
Ctrl+K+K 커서부터 줄 끝까지의 코드를 삭제합니다.
Ctrl+Shift+K 전체 줄을 삭제합니다.
Ctrl+/ 한 줄에 댓글을 달 수 있습니다.
Ctrl+Shift+/ 여러 줄에 주석을 달 수 있습니다.
Ctrl+K+U 대문자로 변환합니다.
Ctrl+K+L 소문자로 변환합니다.
Ctrl+Z 실행 취소.
Ctrl+Y 실행 취소.
Ctrl+U 부드러운 실행 취소, Gtrl+Z와 같은 느낌입니다.
Ctrl+F2 북마크 설정
Ctrl+T 왼쪽과 오른쪽 문자를 바꿉니다.
F6 단어 감지 맞춤법
3. 검색 단축키:
Ctrl+F 열기 하단 검색창에서 키워드를 찾아보세요.
Ctrl+shift+F 일반 편집기와의 차이점은 검색을 위해 여러 폴더를 추가할 수 있다는 점입니다.
Ctrl+P 검색창을 엽니다. 예: 1. 파일을 빠르게 검색하려면 현재 프로젝트의 파일 이름을 입력하십시오. 2. 파일에서 함수 이름을 찾으려면 @ 및 키워드를 입력하십시오. 3. 다음과 같이 입력하십시오. 4. 변수 이름을 찾으려면 #과 키워드를 입력하세요.
Ctrl+G 다음을 사용하여 자동으로 검색창을 열고 코드 줄로 이동하려면 숫자를 입력하세요. 예를 들어, 긴 페이지 코드가 있는 파일을 빠르게 찾습니다.
Ctrl+R 검색창을 열고 자동으로 @를 추가하고 키워드를 입력하면 파일에서 함수 이름을 찾을 수 있습니다. 예를 들어 기능이 많은 페이지에서 기능을 빠르게 검색할 수 있습니다.
Ctrl+: 검색창을 열고 자동으로 #을 추가하고 키워드를 입력하여 파일에서 변수 이름, 속성 이름 등을 찾습니다.
Ctrl+Shift+P 명령 상자를 엽니다. 시나리오 예시: 네이밍 박스를 열고 키워드를 입력한 뒤 패키지를 이용해 플러그인을 설치하는 등 서브라임 텍스트나 플러그인 기능을 호출한다.
Esc 커서 여러 줄 선택 종료, 검색 상자, 명령 상자 종료 등
4. 단축키 표시:
Ctrl+Tab 파일을 탐색한 순서대로 현재 창의 탭을 전환합니다. .
Ctrl+PageDown 현재 창의 탭을 왼쪽으로 전환합니다.
Ctrl+PageUp 현재 창의 탭을 오른쪽으로 전환합니다.
Alt+Shift+1창 분할 화면, 기본 1화면 복원(키패드 숫자 아님)
Alt+Shift+2 화면 분할 - 2열
Alt+Shift+3 왼쪽 및 오른쪽 화면 분할 - 3열
Alt+Shift+4 왼쪽 및 오른쪽 화면분할 - 4열
Alt+Shift+5 4화면을 균등하게 나누기
Alt+Shift+8 세로분할화면 - 2화면
Alt+Shift+9 세로 분할 화면 - 3개 화면
Ctrl+K+B 사이드바를 켜거나 끕니다.
F11 전체 화면 모드
Shift+F11 방해 금지 모드
마지막으로 연습을 하면 완벽해지기를 점점 더 많이 연습하다 보면 자연스럽게 기억하게 되리라 믿습니다. 부족한 점이 있다면 조언 부탁드립니다. 감사합니다!
관련 기사:
개발자가 가장 일반적으로 사용하는 Sublime text 3 플러그인 7개

Self-ClosingTagsinhtmlandxMlaretagsThatCloseThemselvess withoutseeparateClosingTag, 1) theareStement-well-formeddocuments.2) indugible-ustible butrr

강력한 기능과 우수한 사용자 경험을 가진 웹 사이트를 구축하기 위해서는 HTML만으로는 충분하지 않습니다. 다음 기술도 필요합니다. JavaScript는 웹 페이지 동적 및 상호 작용을 제공하며 DOM을 운영하여 실시간 변경을 달성합니다. CSS는 미학 및 사용자 경험을 향상시키기 위해 웹 페이지의 스타일과 레이아웃을 담당합니다. React, Vue.js 및 Angular와 같은 현대 프레임 워크 및 라이브러리는 개발 효율성 및 코드 조직 구조를 향상시킵니다.

부울 속성은 값없이 활성화되는 HTML의 특수 속성입니다. 1. 부울 속성은 입력 상자를 비활성화하는 등의 존재 여부에 따라 요소의 동작을 제어합니다. 2. 작업 원칙은 브라우저가 구문 분석 할 때 속성의 존재에 따라 요소 동작을 변경하는 것입니다. 3. 기본 사용법은 속성을 직접 추가하는 것이며, 고급 사용량은 JavaScript를 통해 동적으로 제어 될 수 있습니다. 4. 일반적인 실수는 값을 설정해야한다고 잘못 생각하고 올바른 글쓰기 방법은 간결해야합니다. 5. 모범 사례는 코드를 간결하게 유지하고 부울 속성을 합리적으로 사용하여 웹 페이지 성능 및 사용자 경험을 최적화하는 것입니다.

HTML 코드는 온라인 유효성 검사기, 통합 도구 및 자동화 된 프로세스를 통해 깨끗할 수 있습니다. 1) w3cmarkupvalidationservice를 사용하여 온라인으로 HTML 코드를 확인하십시오. 2) 실시간 확인을 위해 VisualStudioCode에 HTMLHINT 확장을 설치하고 구성하십시오. 3) htmltidy를 사용하여 시공 프로세스에서 HTML 파일을 자동으로 확인하고 청소하십시오.

HTML, CSS 및 JavaScript는 최신 웹 페이지를 구축하기위한 핵심 기술입니다. 1. HTML 웹 페이지 구조를 정의합니다. 2. CSS는 웹 페이지의 모양을 담당합니다.

HTML의 기능은 웹 페이지의 구조와 내용을 정의하는 것이며, 그 목적은 정보를 표시하는 표준화 된 방법을 제공하는 것입니다. 1) HTML은 타이틀 및 단락과 같은 태그 및 속성을 통해 웹 페이지의 다양한 부분을 구성합니다. 2) 콘텐츠 및 성능 분리를 지원하고 유지 보수 효율성을 향상시킵니다. 3) HTML은 확장 가능하므로 사용자 정의 태그가 SEO를 향상시킬 수 있습니다.

HTML의 미래 트렌드는 의미론 및 웹 구성 요소이며 CSS의 미래 트렌드는 CSS-In-JS 및 CSShoudini이며, JavaScript의 미래 트렌드는 WebAssembly 및 서버리스입니다. 1. HTML 시맨틱은 접근성과 SEO 효과를 향상시키고 웹 구성 요소는 개발 효율성을 향상 시키지만 브라우저 호환성에주의를 기울여야합니다. 2. CSS-in-JS는 스타일 관리 유연성을 향상 시키지만 파일 크기를 증가시킬 수 있습니다. CSShoudini는 CSS 렌더링의 직접 작동을 허용합니다. 3. Webosembly는 브라우저 애플리케이션 성능을 최적화하지만 가파른 학습 곡선을 가지고 있으며 서버리스는 개발을 단순화하지만 콜드 스타트 문제의 최적화가 필요합니다.

웹 개발에서 HTML, CSS 및 JavaScript의 역할은 다음과 같습니다. 1. HTML은 웹 페이지 구조를 정의하고, 2. CSS는 웹 페이지 스타일을 제어하고 3. JavaScript는 동적 동작을 추가합니다. 그들은 함께 현대 웹 사이트의 프레임 워크, 미학 및 상호 작용을 구축합니다.


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기

드림위버 CS6
시각적 웹 개발 도구

에디트플러스 중국어 크랙 버전
작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

Dreamweaver Mac版
시각적 웹 개발 도구

SublimeText3 영어 버전
권장 사항: Win 버전, 코드 프롬프트 지원!
