이 문서의 재판, 저자 덕분에 사심 공유!
면책 조항 :이 문서는 블로거 원본입니다, 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