この記事の転載、作者のおかげ無私の共有!
免責事項:この記事はCC 4.0 BY-SAの著作権契約書に従って、ブロガーオリジナル記事です、複製、元のソースのリンクと、この文を添付してください。
このリンク:HTTPS://blog.csdn.net/xiaozhi_2016/article/details/52415897
エメット(以前禅コーディングとしても知られている)が大きく工具の効率を向上させることができるフロントエンドの開発です。基本的には、テキストエディタのほとんどは、我々が呼んで、コードの保存と再利用のブロックにあなたをできるようになります「スライス」。フラグメントは、よくあなたの生産性をプッシュすることができますが、ほとんどの実装では、このような欠点を持っていますが:あなたが最初にあなたのコードスニペットを定義する必要があり、かつ実行時に展開することはできません。エメットは新しいレベルにこの概念を改善するために、断片化:あなたは、CSSのフォームは、ダイナミック式を解決することができます設定し、入力した略語に基づいて適切なコンテンツを取得することができます。エメットは非常に成熟し、HTML / XMLとCSSのコード開発ツールを記述するために非常に適した、だけでなく、プログラミング言語で使用することができています。
使用例:
その後、UL>李* 5、およびコードの断片を取得するには、拡張キー(デフォルトのタブ)を押します。入力略語エディタでコード:
<UL>
<LI> </ LI>
<LI> </ LI>
<LI> </ LI>
<LI> </ LI>
<LI> </ LI>
</ UL>
残念ながら、私はその神エメットプラグを見つけるためにも、この日に、限り崇高なテキストエディタを過ごしました。ここではエメットのインストール方法で崇高なテキストをご紹介します
ステップ1:まず、あなたがパッケージ制御崇高なテキストコンポーネントをインストールする必要があります。
Ctrlキーを押しながら `のコンソール崇高なテキストを育てます
端部と搬送コマンドラインで次のコードを貼り付けます。PF = 'パッケージControl.sublimeパッケージ'; IPP = sublime.installedpackagespath();輸入urllib2の、OSを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を直接エディタで省略コードを入力する例として、また、使用することは非常にシンプルエメット、その後、タブキーは完全なコードスニペットに拡張することができます押してください。(既存のショートカットと競合する場合、あなたはエディタでそれを所有することができますが、他のキーショートカットに拡大するように設定されています)
構文:
子孫:>
略語:NAV> UL>李
<NAV>
<UL>
<LI> </ 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>のLi * 2>)+フッタ> P
<DIV>
<ヘッダ>
<UL>
<LI> <a href=""> </a>の</ LI>
<LI> <a href=""> </a>の</ LI>
</ 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> </ LI>
<LI> </ LI>
<LI> </ LI>
</ UL>
自增符号:$
缩写:UL > li.item $ * 5
<UL>
<LIクラス= "ITEM1"> </ LI>
<LIクラス= "ITEM2"> </ LI>
<LIクラス= "ITEM3"> </ LI>
<LIクラス= "ITEM4"> </李>
<LIクラス= "item5"> </ LI>
</ UL>
缩写:H $タイトル=項目$ {ヘッダ$} * 3
<H1タイトル= "ITEM1">ヘッダ1 </ H1>
<h2のタイトル= "ITEM2">ヘッダー2 </ H2>
<h3のタイトル= "ITEM3">ヘッダ3 </ H3>
缩写:UL> li.item $ $$ * 5
<UL>
<LIクラス= "item001"> </ LI>
<LIクラス= "item002"> </ LI>
<LIクラス= "item003"> </ LI>
<LIクラス= "item004"> </李>
<LIクラス= "item005"> </ LI>
</ UL>
缩写:UL> li.item $ @ - * 5
<UL>
<LIクラス= "item5"> </ LI>
<LIクラス= "ITEM4"> </ LI>
<LIクラス= "ITEM3"> </ LI>
<LIクラス= "ITEM2"> </李>
<LIクラス= "ITEM1"> </ LI>
</ UL>
缩写:UL> li.item$@3*5
<UL>
<LIクラス= "ITEM3"> </ LI>
<LIクラス= "ITEM4"> </ LI>
<LIクラス= "item5"> </ LI>
<LIクラス= "item6"> </李>
<LIクラス= "item7"> </ LI>
</ UL>
ID属性类和
缩写:#ヘッダー
<DIV ID = "ヘッダ"> </ div>
缩写:.TITLE
<DIV CLASS = "タイトル"> </ div>の
缩写:フォーム#1 search.wide
<フォームのid = "検索"クラス= "幅"> </ form>の
缩写:p.class1.class2.class3
<Pクラス= "クラス1クラス2 Class3に "> </ P>
カスタム属性
略称:P [タイトル= "こんにちは、世界 "]
<Pタイトル= "こんにちは、世界"> </ P>
缩写:TD [ROWSPAN = 2はcolspan = 3タイトル]
<TD ROWSPAN = "2" COLSPAN = "3"タイトル= ""> </ TD>
缩写:[= '値1'、B = "値2"]
<DIV A = "VALUE1" B = "値2"> </ div>の
テキスト:{}
の略:{私をクリックしてください}
クリックhref=""> <a私</a>の
缩写:pは> {}クリック+ {ここ} + {継続します}
<P> </a>をここに<a href="">をクリックします 。</ P>続けるために
、暗黙的なタギング
の.class:略語を
<DIV CLASS = "クラス"> </ div>の
缩写:em>の.classファイル
<em>の<スパンクラス= "クラス"> </ span>を</ em>の
缩写:UL>の.class
<UL>
<LIクラス= "クラス"> </ LI>
</ UL>
缩写:テーブル> .row> .COL
<表>
<TRクラス= "行">
<TDクラス= "COL"> </ TD>
</ TR>
</テーブル>
HTML
すべての未知の略語をラベルに変換され、例えば、FOO→<FOO> </ FOO>
略語:!
<!DOCTYPE HTML>
<HTML LANG = "EN">
<HEAD>
<メタ文字コード= "UTF-8">
<タイトル>ドキュメント</ TITLE>
</ HEAD>
<BODY>
</ BODY>
</ HTML>
缩写:A
<a href=""> </a>の
缩写::リンク
<a href="http://"> </a>の
缩写::メール
<a href="mailto:"> </a>の
缩写:略称
<略称タイトル= ""> </略称>
缩写:頭字語
<頭字語タイトル= ""> </ acronym>の
缩写:ベース
<基本のhref = "" />
の略:BASEFONT
<BASEFONT />
略語:BR
<br />
略称:フレーム
<フレーム/>
略:時間
<HR />
略:BDO
<BDO DIR = ""> </ BDO>
缩写:BDO:R
<BDO DIR = "RTL"> </ BDO>
略称:BDO:L
<BDO DIR = "LTR"> </ BDO>
缩写:COL
<COL />
略:リンク
<リンクのrel = "スタイルシート"のhref = "" />
缩写:リンク:CSS
<リンクのrel = "スタイルシート"のhref = "style.cssに" />
缩写:リンク:印刷
<リンクのrel = "スタイルシート"のhref = "print.css"メディア= "印刷" />
缩写:リンク:ファビコン
<リンクREL = "ショートカットアイコン"タイプ= "画像/ Xアイコン" HREF = "favicon.icoを" />
缩写:リンク:タッチ
<リンクのrel = "リンゴのタッチアイコン"のhref = "favicon.png" />
缩写:リンク:RSS
<リンクREL = "代替"タイプ= "アプリケーション/ RSS + XML"タイトル= "RSS" HREF = "rss.xml" />
缩写:リンク:原子
<リンクREL = "代替"タイプ= "アプリケーション/原子+ xmlの"タイトル= "原子" HREF = "atom.xml" />
缩写:メタ
<メタ/>
の略:メタ:UTF
<META HTTP-当量= "Content-Typeの"コンテンツ= "text / htmlの;のcharset = UTF-8" />
缩写:メタ:勝利
<META HTTP-当量= "Content-Typeの"コンテンツ= "text / htmlの;のcharset =ウィンドウ-1251" />
缩写:メタ:VP
<メタ名=「ビューポート」コンテンツ=「幅=デバイス幅、ユーザスケーラブル=なし、初期スケール= 1.0、最大規模= 1.0、最小スケール= 1.0」/>
缩写:メタ:COMPAT
<META HTTP-当量= "X-UA-互換性のある"コンテンツ= "IE = 7" />
缩写:スタイル
<スタイル> </スタイル>
の略:スクリプト
<スクリプト> </ SCRIPT>
缩写:スクリプト:SRC
<スクリプトSRC = ""> </ SCRIPT>
缩写:IMG
<IMG SRC = "" ALT = "" />
缩写:IFRAME
<IFRAME SRC = "" FRAMEBORDER = "0"> </ iframe>の
缩写:埋め込み
<EMBED SRC = ""タイプ= "" />
缩写:オブジェクト
<オブジェクトデータ= ""タイプ= ""> </ OBJECT>
缩写:PARAM
ます。<param name = ""値= "" />
缩写:マップ
<マップ名= ""> </ MAP>
缩写:エリア
<エリア形状= "" COORDS = "" HREF = "" ALT = "" />
缩写:面積:D
<エリア形状= "デフォルト" HREF = "" ALT = "" />
缩写:面積:C
<エリア形状= "円" COORDS = "" HREF = "" ALT = "" />
缩写:面積:R
<エリア形状= "RECT" COORDS = "" HREF = "" ALT = "" />
缩写:面積:P
<エリア形状= "ポリ" COORDS = "" HREF = "" ALT = "" />
缩写:フォーム
<フォームアクション= ""> </ form>の
缩写:フォーム:GET
<フォームアクション= ""メソッド= "GET"> </ form>の
缩写:フォーム:ポスト
<フォームアクション= ""メソッド= "ポスト"> </ form>の
缩写:ラベル
<=のラベル""> </ label>は
缩写:入力
<input type = "text" />
缩写:INP
<input type = "text"の名= "" ID = "" />
缩写:入力:隠されました
别名:入力[タイプ=隠された名前]
<input type = "隠れた" NAME = "" />
缩写:入力:H
別名:入力:隠されました
<入力タイプ=「隠された」名前=「」/>
缩写:入力:テキスト入力:トン
別名:INP
<input type = "text"の名= "" ID = "" />
缩写:入力:検索
別名:INP [タイプ=検索]
<input type = "検索"名前= "" ID = "" />
缩写:入力:電子メール
別名:INP [タイプ=メール]
<input type = "メール"名前= "" ID = "" />
缩写:入力:URL
別名:INP [タイプ= URL]
<input type = "URL"名前= "" ID = "" />
缩写:入力:パスワード
別名:INP [タイプ=パスワード]
<input type = "パスワード"名前= "" ID = "" />
缩写:入力:P
別名:入力:パスワード
<input type = "パスワード"名前= "" ID = "" />
缩写:入力:日時
別名:INP [TYPE =日時]
<input type = "日時" NAME = "" ID = "" />
缩写:入力:日付
別名:INP [タイプ=日]
<input type = "日付" NAME = "" ID = "" />
缩写:入力:日時ローカル
別名:INP [TYPE =日時ローカル]
<input type = "日時ローカル"名= "" ID = "" />
缩写:入力:月
別名:INP [タイプ=月]
<input type = "月"名前= "" ID = "" />
缩写:入力:1週間
別名:INP [タイプ=週]
<input type = "週"名前= "" ID = "" />
缩写:入力:時間
別名:INP [タイプ=時刻]
<input type = "時間" NAME = "" ID = "" />
缩写:入力:数
別名:INP [TYPE =番号]
<input type = "番号" NAME = "" ID = "" />
缩写:入力:カラー
別名:INP [タイプ=カラー]
<input type = "色" NAME = "" ID = "" />
缩写:入力:チェックボックス
別名:INP [TYPE =チェックボックス]
<input type = "チェックボックス" NAME = "" ID = "" />
缩写:入力:C
別名:入力:チェックボックス
<input type = "チェックボックス" NAME = "" ID = "" />
缩写:入力:ラジオ
別名:INP [TYPE =ラジオ]
<input type = "ラジオ" NAME = "" ID = "" />
缩写:入力:R
別名:入力:ラジオ
<input type = "ラジオ" NAME = "" ID = "" />
缩写:入力:範囲
別名:INP [TYPE =範囲]
<INPUT TYPE = "範囲" NAME = "" ID = "" />
缩写:入力:ファイル
別名:INP [タイプ=ファイル]
<INPUT TYPE = "ファイル" NAME = "" ID = "" />
缩写:入力:F
別名:入力:ファイル
<input type = "ファイル"名= "" ID = "" />
缩写:入力:提出
<INPUT TYPE = "提出"値= "" />
缩写:入力:■
別名:入力:提出
<input type = "提出"値= "" />
缩写:入力:画像
<input type = "画像" SRC = "" ALT = "" />
缩写:入力:私
別名:入力:画像
<INPUT TYPE = "画像" SRC = "" ALT = "" />
缩写:入力:ボタン
<input type = "ボタン"値= "" />
缩写:入力:B
別名:入力:ボタン
<INPUT TYPE = "ボタン"値= "" />
缩写:ISINDEX
<ISINDEX />
の略:入力:リセット
别名:入力:ボタン[TYPE =リセット]
<input type = "リセット"値= "" />
缩写:選択
<選択名= "" ID = ""> </ select>の
缩写:オプション
<オプション値= ""> </ option>を
缩写:TEXTAREA
<TEXTAREA名= "" ID = "" COLS = "30"行= "10"> </ TEXTAREA>
缩写:メニュー:コンテキスト
別名:メニュー[タイプ=コンテキスト]>
<メニュー・タイプ= "コンテキスト"> </ MENU>
缩写:メニュー:C
別名:メニュー:コンテキスト
<メニューの種類= "文脈"> </メニュー>
缩写:メニュー:ツールバー
別名:メニュー[タイプ=ツールバー]>
<メニューの種類= "ツールバー"> </メニュー>
缩写:メニュー:トン
別名:メニュー:ツールバー
<メニューの種類= "ツールバー"> </メニュー>
缩写:ビデオ
<ビデオSRC = ""> < /ビデオ>
略:オーディオ
<オーディオSRC = ""> < /オーディオ>
略:HTML:XML
<HTMLのxmlns = "http://www.w3.org/1999/xhtml"> </ HTML>
缩写:keygenの
<keygenの/>
の略:コマンド
<コマンド/>
略:BQ
別名:BLOCKQUOTE
<BLOCKQUOTE> </ BLOCKQUOTE>
缩写:ACR
別名:頭字語
<頭字語タイトル= ""> </ acronym>の
缩写:イチジク
別名:フィギュア
<フィギュア> </フィギュア>
略:FIGC
別名:figcaption
<figcaption> </ figcaption>
略:IFR
別名:IFRAME
<IFRAME SRC = "" FRAMEBORDER = "0"> </ iframe>の
缩写:EMB
別名:埋め込みます
<EMBED SRC = ""タイプ= "" />
缩写:OBJ
別名:オブジェクト
<オブジェクトデータ= ""タイプ= ""> </ OBJECT>
缩写:SRC
別名:ソース
<ソース> </ source>の
略:キャップ
別名:キャプション
<キャプション> </キャプション>
の略:colg
別名:COLGROUP
<COLGROUP> </ COLGROUP>
略:FST、FSET
別名:フィールドセット
<フィールドセット> </ fieldsetの>
略:BTN
別名:ボタン
<ボタン> </ button>の
缩写:BTN:B
别名:ボタン[タイプ=ボタン]
<ボタンタイプ= "ボタン"> </ボタン>
缩写:BTN:R
別名:ボタン[TYPE =リセット]
<ボタン型= "リセット"> </ボタン>
缩写:BTN:秒
別名:ボタン[タイプ=提出]
</ button>の<ボタンタイプは= "送信します">
----------------
免責事項:この記事は、元の記事CSDNのブロガーH小カイ」、BY-SAの著作権契約、フォローCC 4.0で再現し、元のソースとのリンクを添付してくださいこの文。
オリジナルリンクします。https://blog.csdn.net/xiaozhi_2016/article/details/52415897