설치 및 숭고한 텍스트 3의 사용 개미 플러그인

이 문서의 재판, 저자 덕분에 사심 공유!

면책 조항 :이 문서는 블로거 원본입니다, BY-SA 저작권 계약, 원본 소스 링크이 문을 첨부 해주십시오되는 재생 CC 4.0을 따릅니다.
이 링크 : HTTPS : //blog.csdn.net/xiaozhi_2016/article/details/52415897
개미 (이전 젠 코딩라고도 함) 크게 도구의 효율성을 향상시킬 수있는 프런트 엔드 개발이다. 기본적으로 텍스트 편집기의 대부분은 우리가 전화 코드의 저장 및 재사용 블록, 당신을 허용 할 것이다 "조각." 조각이 당신의 생산성을 밀어 수 있지만, 대부분의 구현은 이러한의 단점이 있지만 : 먼저 코드 조각을 정의해야하며, 실행시 확장 할 수 없습니다. 개미 조각은 새로운 수준에이 개념을 개선하기 위해 : 당신은 CSS 양식 동적 표현을 해결할 수 있습니다 설정 한 다음 사용자가 입력 한 약어에 따라 적절한 내용을 얻을 수 있습니다. 개미는 매우 성숙하고 HTML / XML과 CSS 코드 개발 도구를 쓰기에 매우 적합뿐만 아니라 프로그래밍 언어에서 사용할 수있다.


사용의 예
입력 약어 편집기에서 코드 : 다음 UL> 리 * 5, 및 코드 조각을 얻기 위해, (기본 탭) 확장 키를 누르십시오 :

<UL>
<LI> </ 리>
<LI> </ 리>
<LI> </ 리>
<LI> </ 리>
<LI> </ 리>
</ UL>

불행하게도, 나는 단지 하나님 개미 플러그를 찾아도이 일에 너무 오래 숭고한 텍스트 편집기를 보냈다. 여기에 개미 설치 방법의 숭고한 텍스트에 대해 얘기합니다 :

단계 : 먼저 당신은 패키지 제어 숭고한 텍스트 구성 요소를 설치해야합니다 :

Ctrl 키 +는`의 콘솔 숭고한 텍스트를 불러옵니다

끝 부분에 다음 코드 및 전송 명령 줄 붙여 넣습니다; PF = '패키지 Control.sublime 패키지'; IPP = sublime.installedpackagespath (); 수입 urllib2가, 운영 체제를 os.makedirs (IPP)하지 os.path.exists (IPP 경우 ) 밖에 없음 개방 (os.path.join (IPP, PF) 'WB')에 .write (urllib2.urlopen ( 'http://sublime.wbond.net/'+pf.replace (', '% 20 ')). 판독 ())

 다시 시작 숭고한 텍스트
 Perferences-> 패키지 설정에서 참조 패키지 제어, 그것은 설치가 성공적으로 의미
2 단계 : 패키지 제어 개미가 플러그인을 설치 사용 :

 Ctrl 키 + Shift + P 명령 보드
 입력을 설치하고 선택 패키지를 설치, 찾아 개미 CSS는 조각 개미 입력, 클릭하면 자동으로 설치를 완료 할 수 있습니다.
사용
숭고한 텍스트, HTML이나 CSS 직접 편집기에서 축약 된 코드를 입력하는 예로서, 또한 사용이 매우 간단 개미, 다음 탭 키 전체 코드를 확장 할 수 있습니다 누릅니다. (기존 단축키와 충돌이있는 경우, 당신은 편집기에서 소유 할 수있는 다른 키 바로 가기 확대 설정)

구문 :
자손>
약어 : 탐색> UL> 리

<NAV>
<UL>
<LI> </ 리>
</ UL>
</ NAV>
형제 : +의
약어 : DIV + P + BQ

<div> </ div>
<P> </ P>
<BLOCKQUOTE> </ BLOCKQUOTE>
최대 ^
약어 : DIV + div> p> 스팬 EM + ^ BQ

<div> </ div>
<div>
<p> <SPAN> </ SPAN> <EM> </ EM> </ p>
<BLOCKQUOTE> </ BLOCKQUOTE>
</ div>
缩写: DIV + div> p> 스팬 + EM ^^ BQ

<div> </ div>
<div>
<p> <SPAN> </ SPAN> <EM> </ EM> </ p>
</ div>
<BLOCKQUOTE> </ BLOCKQUOTE>
分组:()
缩写: div> (헤더> UL> 리 * 2> a) + 글> P

<div>
<헤더>
<UL>
<LI> <A href=""> </A> </ 리>
<LI> <A href=""> </A> </ 리>
</ UL>
< / 헤더>
<글>
<p> </ p>
</ 꼬리말>
</ div>
缩写(div> DL> (DT + DD) * 3) + 글> P

<div>
<DL>
<DT> </ DT>
<DD> </ DD>
<DT> </ DT>
<DD> </ DD>
<DT> </ DT>
<DD> </ DD>
</ DL>
</ div>
<글>
<p> </ p>
</ 꼬리말>
乘法*
缩写: UL> 리 * 5

<UL>
<LI> </ 리>
<LI> </ 리>
<LI> </ 리>
<LI> </ 리>
<LI> </ 리>
</ UL>
自增符号: $
缩写: UL > li.item $ * 5

<UL>
<LI 클래스 = "항목 1은"> </ 리>
<LI 클래스 = "항목 2"는> </ 리>
<LI 클래스 = "항목 3"> </ 리>
<LI 클래스 = "item4는"> </ 리 >
<LI 클래스 = "item5"> </ 리>
</ UL>
缩写: 시간 $ [타이틀 = 상품 $ {$ 헤더} * 3

<H1 제목 = "항목 1"> 헤더 1 </ H1>
<H2 표제 = "항목 2"> 헤더 2 </ H2>
<H3 표제 = "항목 3"> 헤더 3 </ H3>
缩写: UL> $ li.item $$ * 5

<UL>
<LI 클래스 = "item001는"> </ 리>
<LI 클래스 = "item002는"> </ 리>
<LI 클래스 = "item003는"> </ 리>
<LI 클래스 = "item004는"> </ 리 >
<LI 클래스 = "item005"> </ 리>
</ UL>
缩写: UL> li.item $ @ - * 5

<UL>
<LI 클래스 = "item5는"> </ 리>
<LI 클래스 = "item4는"> </ 리>
<LI 클래스 = "항목 3"> </ 리>
<LI 클래스 = "항목 2"는> </ 리 >
<LI 클래스 = "항목 1"> </ 리>
</ UL>
缩写: UL> li.item$@3*5

<UL>
<LI 클래스 = "항목 3"> </ 리>
<LI 클래스 = "item4는"> </ 리>
<LI 클래스 = "item5는"> </ 리>
<LI 클래스 = "item6는"> </ 리 >
<LI 클래스 = "item7는"> </ 리>
</ UL>
ID类属性和
缩写:는 #header

<DIV ID = "헤더"> </ DIV>
缩写: .title

<DIV 클래스 = "제목"> </ DIV>
缩写: 형식 번호의 search.wide

<형태 ID = "검색"클래스 = "와이드"> </ FORM>
缩写: p.class1.class2.class3

<P 클래스 = "Class1의 Class2의 강좌 3 "> </ P>
사용자 지정 특성의
약어 : P [제목 = "안녕하세요 세계 "]

<p = 제목에 "Hello World"> </ p>
缩写: TD [ROWSPAN = 2 열 결합 = 3 TITLE]

<TD ROWSPAN = "2"열 병합 = "3"제목 = ""> </ TD>
缩写: A = 'VALUE1'B = "값 2"]

<DIV A = "값 1"B = "값 2"> </ DIV>
텍스트 : {}
약기하십시오 {저를 클릭}

클릭 href=""> <a 나 </a>를
缩写: p는> {클릭} + A {여기} + {계속}

<P> 여기 </a> <a href="">을 클릭 </ P> 계속
암시 태그
약어 :의 .class를

<DIV 클래스 = "클래스"> </ DIV>
缩写: EM>을 .class

<EM> <스팬 클래스 = "클래스"> </ SPAN> </ EM>
缩写: UL>의 .class

<UL>
<LI 클래스 = "클래스"> </ 리>
</ UL>
缩写표> 셀에만> .COL

<표>
<TR 클래스 = "줄">
<TD 클래스 = "COL"> </ TD>
</ TR>
</ 테이블>
HTML
알 수없는 모든 약어 레이블로 변환, 예를 들어, foo는 → <foo는> </ foo는>

약어 :!

<! DOCTYPE HTML>
<HTML LANG = "EN">
<head>
<메타 캐릭터 = "UTF-8">
<TITLE> 문헌 </ TITLE>
</ head>
<body>

</ body>
</ HTML>
缩写:에이

<a href=""> </a>를
缩写: A : 링크

<a href="http://"> </a>를
缩写: A : 메일

<a href="mailto:"> </a>를
缩写: 약식

<약식 제목 = ""> </ 약식>
缩写: 약어

<약어 제목 = ""> </ 약어>
缩写: 기본

<기본 href = ""/>
약어 : BASEFONT

<BASEFONT />
약어 : BR

<br />
약어 : 프레임

<프레임 />
약어 : HR

<HR />
약어 : BDO

<BDO DIR = ""> </ BDO>
缩写: BDO : R

<BDO DIR = "RTL"> </ BDO>
약어 : BDO : l

<BDO DIR = "리터"> </ BDO>
缩写: COL

<COL />
약기 : 링크

<링크 REL = "스타일"HREF = ""/>
缩写: 링크 : CSS

<링크 확인해 = "스타일 시트"HREF = "있는 style.css"/>
缩写: 링크 : 인쇄

<링크 REL = "스타일"HREF = "print.css"미디어 = "인쇄"/>
缩写: 링크 : 파비콘

<링크 REL = "단축 아이콘"TYPE = "이미지 / X-아이콘"HREF = "의 favicon.ico"/>
缩写: 링크 : 터치

<링크 REL은 = "사과 터치 아이콘"HREF = "favicon.png"/>
缩写: 링크 : RSS

<링크 REL = "대체"TYPE = "애플리케이션 / RSS + XML"제목 = "RSS"HREF = "rss.xml을"/>
缩写: 링크 : 원자

<링크 REL = "대체"TYPE = "애플리케이션 / 원자 + XML"제목 = "원자"HREF = "에 atom.xml"/>
缩写: 메타

<메타 />
약기 : 메타 : UTF

<META HTTP-EQUIV = "Content-Type을"내용 = "text / html과; 문자셋 = UTF-8"/>
缩写: 메타 : 승리

<META HTTP-EQUIV = "Content-Type을"내용 = "text / html과; 문자셋 = 창-1251"/>
缩写: 메타 : 부사장

<메타 이름 = "뷰포트"내용 = "= 폭 너비 장치, 사용자 확장 = NO 초기 스케일 = 1.0, 최대 스케일 = 1.0, 최소 크기 = 1.0"/>
缩写: 메타 :의 compat

<META HTTP-EQUIV = "X-UA-지원"내용 = "IE = 7"/>
缩写: 스타일

<스타일> </ 스타일>
약기 : 스크립트

<script> </ script>
缩写: 스크립트 SRC

<스크립트 SRC = ""> </ script>
缩写: IMG

<IMG SRC = ""alt = ""/>을
缩写: iframe이

<iframe이 SRC = ""FRAMEBORDER = "0"> </ iframe> 해당
缩写: 삽입

<삽입 SRC = ""TYPE = ""/>
缩写: 물체

<object 데이터 = ""TYPE = ""> </ object>
缩写: PARAM

<매개 변수 이름 = ""값 = ""/>
缩写:지도

<맵 이름 = ""> </지도>
缩写: 지역

<면적 형상 = ""좌표 = ""HREF = ""ALT = ""/>
缩写: 면적 : d

<면적 형상 = "기본"HREF = ""ALT = ""/>
缩写: 영역 C :

<면적 형상 = "원"좌표 = ""HREF = ""ALT = ""/>
缩写: 지역 : R

<면적 형상 = "RECT"좌표 = ""HREF = ""ALT = ""/>
缩写: 지역 : P

<면적 형상 = "폴리"좌표 = ""HREF = ""ALT = ""/>
缩写: 폼

<양식 액션 = ""> </ FORM>
缩写: 형태 : GET

<양식 액션 = ""방법 = "GET"> </ FORM>
缩写: 형태 : 포스트

<form 조치 = ""METHOD = "POST"> </ FORM>
缩写: 레이블

<= 레이블 ""> </ 라벨>
缩写: 입력

<input 타입 = "문자"/>
缩写: INP

<입력 유형 = "텍스트"이름 = ""ID = ""/>
缩写: 입력 : 숨겨진

别名 : 입력 [TYPE = 숨겨진 이름]


<input 타입 = "숨겨진"NAME = ""/>
缩写: 입력 : H

별칭 : 입력 : 숨겨진


<input 타입 = "숨겨진"NAME = ""/>
缩写: 입력 : 텍스트 입력 : t

별칭 : INP


<input 타입 = "텍스트"이름 = ""ID = ""/>
缩写: 입력 : 검색

별칭 : INP [TYPE = 됨]


<input 타입 = "검색"NAME = ""ID = ""/>
缩写: 입력 : 이메일

별칭 : INP [TYPE = 이메일]


<입력 유형 = "이메일"이름 = ""ID = ""/>
缩写: 입력 : 홈페이지

별칭 : INP [TYPE = URL]


<input 타입 = "URL"NAME = ""ID = ""/>
缩写: 입력 : 비밀번호

별칭 : INP [TYPE = 암호]


<input 타입 = "비밀번호"NAME = ""ID = ""/>
缩写: 입력 : P

별칭 : 입력 : 비밀번호


<input 타입 = "비밀번호"NAME = ""ID = ""/>
缩写: 입력 : 날짜

별칭 : INP [TYPE = 날짜]


<input 타입 = "날짜"NAME = ""ID = ""/>
缩写: 입력 날짜 :

별칭 : INP [TYPE = 일자]


<input 타입 = "날짜"NAME = ""ID = ""/>
缩写: 입력 : 날짜 로컬

별칭 : INP [TYPE = 날짜 로컬]


<input 타입 = "날짜 로컬 'NAME =" "ID =" "/>
缩写: 입력 : 개월

별칭 : INP [유형 = 월]


<입력 유형 = "달"이름 = ""ID = ""/>
缩写: 입력 : 주

별칭 : INP [유형 = 주]


<입력 유형 = "주"이름 = ""ID = ""/>
缩写: 입력 : 시간

별칭 : INP [TYPE = 시간]


<input 타입 = "시간"NAME = ""ID = ""/>
缩写: 입력 : 숫자

별칭 : INP [TYPE = 번호]


<input 타입 = "숫자"NAME = ""ID = ""/>
缩写: 입력 : 컬러

별칭 : INP [TYPE = 컬러]


<input 타입 = "색상"NAME = ""ID = ""/>
缩写: 입력 : 체크 박스

별칭 : INP [TYPE = 선택란]


<input 타입 = "체크 박스"NAME = ""ID = ""/>
缩写: 입력 C :

별칭 : 입력 : 확인란


<input 타입 = "체크 박스"NAME = ""ID = ""/>
缩写: 입력 : 라디오

별칭 : INP [TYPE = 라디오]


<input 타입 = "무선"NAME = ""ID = ""/>
缩写: 입력 : R

별칭 : 입력 : 라디오


<input 타입 = "무선"NAME = ""ID = ""/>
缩写: 입력 범위 :

별칭 : INP [TYPE = 범위]


<input 타입 = "범위"NAME = ""ID = ""/>
缩写: 입력 : 파일

별칭 : INP [TYPE = 파일]


<input 타입 = "파일"NAME = ""ID = ""/>
缩写: 입력 : F

별칭 : 입력 : 파일


<입력 유형 = "파일"이름 = ""ID = ""/>
缩写: 입력 : 제출

<input 타입 = "제출"값 = ""/>
缩写: 입력 : S-

별칭 : 입력 : 제출


<input 타입 = "제출"값 = ""/>
缩写: 입력 : 화상

<input 타입 = "이미지"SRC = ""ALT = ""/>
缩写: 입력 : I

별칭 : 입력 : 화상


<input 타입 = "이미지"SRC = ""ALT = ""/>
缩写: 입력 버튼 :

<input 타입 = "버튼"값 = ""/>
缩写: 입력 : B

별칭 : 입력 버튼 :


<input 타입 = "버튼"값 = ""/>
缩写: ISINDEX

<ISINDEX />
약어 : 입력 : 리셋

别名 : 입력 버튼 : [TYPE = 리셋]


<input 타입 = "초기화"값 = ""/>
缩写: 선택

<선택 이름 = ""ID = ""> </ 선택>
缩写: 옵션

<옵션 값 = ""> </ 옵션>
缩写: 텍스트 영역

<텍스트 영역 NAME = ""ID = ""COLS = "30"행 = "10"> </ 텍스트 영역>
缩写: 메뉴 : 문맥

별칭 : 메뉴 [TYPE = 컨텍스트]>


<메뉴 타입 = "컨텍스트"> </ MENU>
缩写: 메뉴 C :

별칭 : 메뉴 : 컨텍스트


<메뉴 타입 = "컨텍스트"> </ MENU>
缩写: 메뉴 : 툴바

별칭 : 메뉴 [TYPE = 툴바]>


<메뉴 TYPE = "도구"> </ MENU>
缩写: 메뉴 : t

별칭 : 메뉴 : 도구 모음


<메뉴 유형 = "도구 모음"> </ 메뉴>
缩写: 비디오

<비디오 SRC = ""> < / 비디오>
약기 : 오디오

<오디오 SRC = ""> < / 오디오>
약기 : HTML : XML

<HTML의 xmlns = 'http://www.w3.org/1999/xhtml'> </ HTML>
缩写: Keygen은

<Keygen은 />
약기 : 명령

<명령 />
약기 : BQ

별칭 : 인용구


<BLOCKQUOTE> </ BLOCKQUOTE>
缩写: ACR

별칭 : 약어


<약어 제목 = ""> </ 약어>
缩写: 무화과

별칭 : 그림


<그림> </ 그림>
약기 : FIGC

별칭 : figcaption의


<figcaption의> </ figcaption의>
약기 : IFR

별칭 : iframe이


<iframe이 SRC = ""FRAMEBORDER = "0"> </ iframe> 해당
缩写: EMB

별칭 : 포함


<삽입 SRC = ""TYPE = ""/>
缩写: OBJ

별칭 : 객체


<object 데이터 = ""TYPE = ""> </ object>
缩写: SRC

별칭 : 소스


<소스> </ 소스>
약기 : 캡

별칭 : 캡션


<자막> </ 캡션>
약기 : colg

별칭 : COLGROUP


<COLGROUP> </ COLGROUP>
약기 : FST, FSET

별칭 : FIELDSET


<FIELDSET> </ FIELDSET>
약기 : BTN

별칭 : 버튼


<버튼> </ 버튼>
缩写: BTN : B

别名 : 버튼 [TYPE = 버튼]


<버튼형 = "버튼"> </ 버튼>
缩写: BTN : R

별칭 : 버튼 [TYPE = 리셋]


<버튼형 = "초기화"> </ 버튼>
缩写: BTN : S-

별칭 : 버튼 [TYPE = 제출]


</ 버튼> <버튼 타입 = "제출">

----------------
면책 조항 :이 문서에 원래 문서 CSDN 블로거 'H 작은 치 ", 추적의 CC 4.0 BY-SA 저작권 계약, 원본과 링크를 첨부하시기 바랍니다 재현하다 이 문장.
원본 링크 : HTTPS : //blog.csdn.net/xiaozhi_2016/article/details/52415897

추천

출처www.cnblogs.com/huhewei/p/11968646.html