Sublime Textでは、どのようにしてコードを簡単に作成できますか？

9

申し訳ありませんが、これが尋ねられた場合、またはどのStackサイトがこれに最も適しているかについては、その名前がわかりません。私は人々がSublimeを使用してより迅速なタグを作成する方法に関するいくつかのビデオを見てきました。ドキュメントがある場合、または私のコーディングでより迅速にできることがある場合、これを行う適切な方法を学びたいと思います。

いくつかのビデオで私は人々が次のようなことをしているのを見ています：

div.classそしてそれは<div class="class"></div>後に作成されtabます。

sublime-text-2

— DᴀʀᴛʜVᴀᴅᴇʀ
ソース

独自のカスタムスニペットを作成することもできます。docs.sublimetext.info/en/latest/extensibility/snippets.html

— Abdessamad Idrissi

上記のリンクは無効になりました。独自のカスタムスニペットの作成方法を記載した公式リンクはありますか？

— anjanesh

11

あなたが説明する機能は、そのままのSublime Text 2の一部です。ドキュメントがHTML構文を使用していることを確認します（表示»構文»HTML）。

と入力してfoo.barを押すTabと、が表示されます<foo class="bar"></foo>。foo#bar（のid代わりにclass）もあります。どちらもに実装されています。Packages/HTML/html_completions.py

— ダニエル・ベック
ソース

aタグやliタグのようなものを構築する方法に関するドキュメントはありますか？これはHTML専用ですか？と+1。

— DᴀʀᴛʜVᴀᴅᴇʀ

@Gramps意味がわかりませんが、この機能が実装されているスクリプトを指摘しました（[ パッケージの参照 ]メニュー項目を選択して、言及したディレクトリに移動します）。たとえば、既存のスクリプトを拡張して、追加のセパレータなどをサポートできます。崇高テキスト2つのスクリプトはPythonで実装されている、ここではPythonドキュメントだ、とこのページには、崇高テキスト2に文書の特定が含まれている

— ダニエル・ベック

私は誰かがそうするのを見ましたdiv#main.containerが、Sublime mainはcontainer私が試したときにクラスの要素を吐き出しますか？

— taco 2015

7

エメット/禅コーディング

Emmetは、CSSセレクターのような方法で基本構造を記述し、エディターにそれを展開させるプラグインです。GitHubでパッケージを見つけて、パッケージマネージャーからインストールできます。

_{（ソース：smashingmagazine.com）}

このSmashing Magazineには記事があります。例えば、

(.foo>h1)+(.bar>h2)

で拡大するTabと

<div class="foo">
  <h1></h1>
</div>
<div class="bar">
  <h2></h2>
</div>

選択範囲をタグで囲む

また、を押しAltShiftWて、開いたタグを作成するか、現在の選択をタグでラップすることもできます（[ 編集]»[タグ]»[現在の選択をタグでラップ]を参照）。

デフォルトでは次のものを作成します：

<p></p>

タグ名を選択して、上書きできるようにします。

を押すTabと、タグ内にさらに移動します。または、を押すとSpace、次のような属性を作成できます。

AltShiftW（Windows / Linux）またはCtrlShiftWOS X
A
Space
入力しhref="..."た後、Tab
<a href="..."></a>カーソルがタグ内に配置された結果

— slhck
ソース