it-swarm-ja.com

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

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

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

div.classと作成されます<div class="class"></div>tabの後。

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

foo.barと入力して、 Tab、および<foo class="bar"></foo>を取得します。 foo#barもあります(idではなくclassの場合)。どちらもPackages/HTML/html_completions.pyに実装されています。

11
Daniel Beck

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

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の場合)または CtrlShiftW OS X
  • A
  • Space
  • href="..."と入力して、 Tab
  • カーソルがタグの内側にある<a href="..."></a>になります。
7
slhck