사용자 정의 Atom 코드 세 션

Atom 에서 코드 세 션 (code snippets) 을 만 드 는 기능 은 매우 좋 습 니 다. 코드 를 작성 하 는 효율 을 높 일 수 있 습 니 다. 그러나 일부 기본 세 션 은 자신의 기대 에 부합 되 지 않 거나 우리 가 세 션 을 추가 하려 면 사용자 정의 가 필요 합 니 다.
예 를 들 어 js 파일 req 에서 생 성 된 세 션 은 마지막 에 분점 이 있 습 니 다. 저 같은 분 호 를 쓰 지 않 는 사람 은 참 을 수 없습니다. 매번 수 동 으로 삭제 해 야 합 니 다. 귀 찮 습 니 다.
그리고 기본 으로 제 공 된 세 션 을 수정 하고 싶 습 니 다.
우선, Atom 의 기본 코드 세 션 은 모두 가방 (packages) language-* snippets /language-*.cson 에 정의 되 어 있 습 니 다. 우 리 는 그것 을 수정 하지 않 는 것 이 좋 습 니 다. 하 나 는 찾기 어렵 습 니 다. 다른 하 나 는 고 쳐 도 다음 업데이트 후에 없어 질 수 있 습 니 다.
다행히 Atom 에서 사용자 정의 코드 세 션 을 제공 한 곳:
명령 패 널 (command - palette) cmd-shift-p 을 열 고 입력 open your snippets, 리 턴 또는 터미널 에서 열기 atom ~/.atom/snippets.cson 또는 메뉴 File 에서 내 리 는 Snippets...편집기 에서 이 파일 을 열 면 설명 을 볼 수 있 습 니 다. 주로 snippets 가 마른 뱀 이 고 어떻게 쓰 는 지 소개 합 니 다. 그 다음 에 주석 아래 에서 하고 싶 은 대로 할 수 있 습 니 다. 아 닙 니 다. 코드 를 추가 할 수 있 습 니 다.

'.source.js':
  'CommonJS require':
    'prefix': 'req'
    'body': 'const ${1:module} = require(\'${1:module}\')$2'

간단 한 설명:

첫 번 째 줄 은 역할 을 하 는 파일 입 니 다. 예 를 들 어 js 파일 은 .source.js 이 고 html 파일 은 ext.html.basic 입 니 다. 상세 한 것 은 참고 링크 1 을 볼 수 있 습 니 다.

두 번 째 줄 은 세 션 의 이름 으로 알림 오른쪽 에 표 시 됩 니 다.

세 번 째 단 계 는 입력 이 촉발 할 필드 입 니 다. 기본 과 충돌 하면 기본 값 을 덮어 씁 니 다.

네 번 째 단 계 는 생 성 된 세 션 입 니 다. 그 중에서 $1, $2... 커서 의 위치 입 니 다. 먼저 커서 는 $1 곳 으로 위치 하고 tab 키 를 누 르 면 $2 로 뛰 어 내 립 니 다. $1 이 여러 개 있 으 면 여러 개의 커서 (multiple cursors), ${1:module} 커서 에 표 시 된 문자 가 있 고 선택 되 었 습 니 다.

코드 를 저장 하면 바로 효력 이 발생 합 니 다.
어떤 부분 은 우리 에 게 쓸모 가 없다. 예 를 들 어 입력 x 을 하고 차 로 돌아 가 이상 한 것 이 나온다.
이제 빼.

'.source.js':
  'CommonJS require':
    'prefix': 'req'
    'body': 'const ${1:module}$2 = require(\'${1:module}\')
$3'

  'xxx':
    'prefix': 'xxx'

바디 만 안 쓰 면 돼.
다른 설정 은 Settings / Packages / Autocomplete Plus 의 Settings 에서 찾 을 수 있 습 니 다. 예 를 들 어 트리거 건 (Keymap For Comfirming A Suggestion) 은 기본 값 tab 과 enter 키 로 여기 서 수정 할 수 있 습 니 다.
레 퍼 런 스
How to Add Custom Code Snippets to Atomatom.io Snippets

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Recoil 사용 방법

리덕스처럼 보일러 플레이트가 많지 않고, 정말 필요한 코드만을 여러 store로 구성할 수 있어서 개발 생산성과 효율성을 기대하며 프로젝트에 도입하였습니다. 그래서, 연동되는 컴포넌트끼리 그들만의 store를 만들어...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

사용자 정의 Atom 코드 세 션

좋은 웹페이지 즐겨찾기