Sublime Text에 코드 조각을 추가하는 방법-sublime-php.cn

집

개발 도구

sublime

Sublime Text에 코드 조각을 추가하는 방법

藏色散人

Sep 30, 2019 pm 03:02 PM

sublime

아래 sublime 사용법 튜토리얼 칼럼에서는 Sublime Text에 코드 조각을 추가하는 방법을 소개합니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다!

Sublime Text에 코드 조각을 추가하는 방법

코드를 작성할 때 반복적으로 사용해야 하는 코드 조각을 항상 접하게 됩니다. 이때 복사와 붙여넣기를 반복적으로 수행해야 하므로 효율성에 큰 영향을 미칩니다. Sublime Text의 snippet(코드 조각) 기능을 사용하면 이 문제를 잘 해결할 수 있습니다.

우리가 흔히 사용하는 코드를 따로 저장해 두었다가 플러그인을 통해 반복적으로 호출한다는 뜻을 일반인의 용어로 말씀드리자면.

생성 방법: Tools > New Snippet

이때 다음과 같은 코드가 나타납니다.

<snippet>
    <content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <!-- <tabTrigger>hello</tabTrigger> -->
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->
    <!-- <description>description</description> -->
</snippet>

그 중 콘텐츠에서 CDATA로 감싸진 부분이 우리가 삽입하려는 코드 스니펫입니다.

tabTrigger는 탭 키에 의해 실행되는 자동 코드 완성 기능의 이름이며 선택 사항입니다.

범위, 선택사항, 사용 범위를 비워두면 모든 파일에 유효합니다. 첨부 파일: source.css와 test.html은 각각 다른 파일에 해당합니다.

설명, 선택사항, 스니펫 메뉴에 표시되는 설명(중국어 지원). 정의되지 않은 경우 메뉴에는 현재 파일의 파일 이름이 표시됩니다.

${1:this}는 코드 삽입 후 커서가 머무는 위치를 나타냅니다. 동시에 여러 번 삽입할 수 있습니다. 그중에는 맞춤 매개변수(선택사항)가 있습니다.

${2}는 코드를 삽입한 후 Tab 키를 누르면 커서가 순서에 따라 해당 위치로 이동한다는 의미입니다.

이제 대략적인 이해가 되셨을 것입니다. 그럼 직접 예제 작성을 시작해 보겠습니다. 우리 모두는 Sublime에 들어가라는 것을 알고 있습니다! 아니면 html:5를 누른 다음 탭 키를 누르면 자동으로 HTML 구조가 완성되지만 결과는 비교적 간단합니다. 결과 내용을 직접 확장하고 여러 개의 메이트 태그를 추가하고 페이지 설명을 추가했습니다.

<snippet>
    <content><![CDATA[
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="Generator" content="Sublime Text3">
    <meta name="Author" content="dunizb">
    <meta name="website" content="http://www.mybry.com">
    <meta name="Description" content="读你，这世间唯有梦想和好姑娘不可辜负~~">
    <link type="image/x-icon" rel="shortcut icon" href="image/favicon.ico" />
    <script type="text/javascript">
        ${1:}
    </script>
<body>
    ${2:这是html内容}
</body>
</html>
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>hjs</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->
    <description>custom-html</description>
</snippet>

그런 다음 코드 조각을 Sublime Text3DataPackagesUser 아래에 저장하고 이름을 지정하세요

Sublime Text에 코드 조각을 추가하는 방법

이제 HTML 페이지에 hjs+tab을 입력하면 이 일련의 코드가 자동으로 완성됩니다.

위 내용은 Sublime Text에 코드 조각을 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명

이 기사는 segmentfault에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제

관련 기사

숭고한 텍스트 대 대 코드 : 기능 및 기능May 11, 2025 am 12:20 AM

Sublimetext는 속도와 단순성을 추구하는 개발자에게 적합한 반면 VSCODE는 강력한 확장 성 및 통합 기능이 필요한 사용자에게는 적합합니다. 1. SublimeText는 가볍고 빠른 응답으로 유명하며 Gotoanything 및 다중 선택 강력한 강력한 응답으로 유명합니다. 2. VSCODE는 GIT 및 디버깅 도구를 포함하여 확장 성 및 IDE 기능으로 유명하며 Intellisense는 개발 효율성을 향상시킵니다.

숭고한 텍스트 : 플러그인 및 패키지의 힘May 10, 2025 am 12:17 AM

Sublimetext의 플러그인 및 패키지는 PackageControl을 통해 설치 및 관리하여 프로그래밍 효율성을 향상시킬 수 있습니다. 1. BrackEthighlighter와 같은 플러그인을 설치하여 브래킷 일치를 강조하여 코드 읽기를 단순화합니다. 2. Sublimelinter를 사용하여 Pylint를 구성하여 실시간 코드 점검을 구현하십시오. 3. SidebarenHancements를 사용하여 사이드 바 기능을 사용자 정의하여 파일 관리를 최적화하십시오.

숭고한 텍스트는 무료입니까? 라이센스 이해May 09, 2025 am 12:10 AM

sublimetextSfeeduringanunlimitedtrial, buta $ 99licenseisrecemendedforregularus.1) thetrialallowsfullfeatureaccesswithouttimelimits.2) AlicenseOffersperpetualuse, FutureUpdates, Andremovarsereminders, and andremovergereminders, 향상된 생산자 및 개발자를 향상시킵니다.

숭고한 텍스트 : 코딩 워크 플로 향상May 08, 2025 am 12:19 AM

Sublimetext는 업무 효율성을 크게 향상시킬 수 있습니다. 1) 다중 선택 및 멀티 쿠퍼 기능 기능은 동시에 여러 위치를 편집 할 수 있습니다. 2) 명령 패널은 빠른 기능 액세스를 제공합니다. 3) 매크로 및 조각은 공통 작업을 자동화 할 수 있습니다. 4) 최적화 된 구성 및 단축키 키 사용은 성능 및 효율성을 향상시킬 수 있습니다.

숭고한 텍스트 : 무료로 자유롭게 시도 할 필요는 없습니다.May 07, 2025 am 12:02 AM

Sublimetext는 무료 평가판을 제공하지만 궁극적으로 영구 승인을 위해 유료 구매가 필요합니다. 1) 무료 평가판 기간 동안 사용자는 기능을 경험할 수 있지만 구매 프롬프트를 받게됩니다. 2) 구매 후, 사용자는 구독비가없고 더 많은 플러그인 및 테마에 액세스 할 수 있습니다.

숭고한 텍스트 : 유료 및 무급 기능 비교May 06, 2025 am 12:07 AM

ThemainDifferences는 thePaidVersion.1) 등록 된 버전 : UPPOPPTSINTHEPAIDSION.1) UPPTSINTHEARMEDSION.1) UNGISTEREDVERSION : UNGISTEREDVERSION : UNGISTEREDVERSION : UNDERCOURMANTERETION : UPPOPPTSINTHEPAIDVERSION.

숭고한 텍스트 : 강력한 편집자의 비용May 05, 2025 am 12:04 AM

SubleMetext는 구매할 가치가 있습니다. 1) 간단한 인터페이스와 멀티 라인 편집 및 Gotoanything과 같은 강력한 기능은 개발 효율성을 향상시킵니다. 2) Anaconda와 같은 풍부한 플러그인 생태계는 개발 경험을 향상시킵니다. 3) 가격은 70 달러이지만 성능과 유창성은 전문 개발자에게 큰 가치입니다.

숭고한 텍스트 : 코드 완료, 구문 강조 표시 등May 04, 2025 am 12:04 AM

Sublimetext는 강력한 코드 완료 및 구문 강조 기능에 대해 개발자에게 사랑을받습니다. 1) 코드 완료는 기능 이름, 가변 이름 등을 자동으로 프롬프트하여 프로그래밍 효율성을 향상시킬 수 있습니다. 2) 구문 강조 표시는 다른 색상을 통해 코드 요소를 구별하여 가독성 및 오류 감지 속도를 향상시킵니다.

See all articles