内線

崇高なテキスト2と禅コーディング



Sublime Text 2 Zen Coding



元のアドレスは次のとおりです。 崇高なテキスト2と禅コーディング

私は去年それを知っていました。 荘厳な T 内線 2この編集者は、当時とても気に入っていて、開発に時間がかかりました。最近、Zen Codingのようなプラグインがあることを知りましたが、このプラグインとプラグインをサポートできるSublimeTextを手放すことはできません。 まず、ZenCodingとは何ですか。 jQueryを使用したことがある場合は、セレクターに感銘を受けるでしょう。 Zen Codingは、2つのコアコンポーネントで構成されています。略語エクステンダー、HTMLタグマッチャーです。 Ctrl + Alt + EnterでZenCodingを呼び出すには、div＃content> ul> li * 3> a [href = 'javascript：void（0）'] {Links $}を使用できます。この短い文で、次の部分を生成します。コード：
  • リンク1
  • リンク2
  • リンク3
この魔法のような書き方と、Sublime Textのリアルタイムプレビューを組み合わせると、すばらしいプロセスになります。 ZenCodingプラグインのインストール プラグインのインストールプロセスは、後で使用するためにここに抽出されたリファレンス資料で非常に明確です。 1.インストールパッケージはパッケージコントロールを制御します。 Ctrl + `を使用してコンソールを起動し、次のコードを入力して実行します。
import urllib2,ospf= 'Package Control.sublime-package' ipp=sublime.installed_packages_path()os.makedirs(ipp) if not os.path.exists(ipp) else Noneopen(os.path.join(ipp,pf), 'wb' ).write(urllib2.urlopen( ' http://sublime.wbond.net/ ' +pf.replace( ' ' , '%20' )).read())
2. SublimeTextを再起動します。2。[設定]-> [パッケージ設定]の[パッケージ制御]を参照して、インストールが成功したことを示します。 3. Command + Shift + Pを使用してパッケージ管理を呼び出し、「インストール」と入力して「パッケージのインストール」を選択します。 4、次にzenコーディングを入力して、インストールするパッケージを見つけます。インストール後に使用できます。 インストールが完了したら、Ctrol + Alt + Enterを使用してZenCodingを呼び出すことができます。実際、すべてのインストールパッケージパスについて、ZenCodingコードパッケージを直接ダウンロードしてこのパスに配置することもできます。 Zen Codingは、Sublime Textに加えて、他の多くのエディターもサポートしています。以下のリストは、あなたが好きなエディターを持っているかどうかを確認するためのものです。

公式にサポートされているエディター

サードパーティがサポートするエディター

Zenコーディングの使用法 ZenCodingを使用してコードを作成する場合は、特定の略語に従う必要があります。
  • IS
    要素名（div、p）
  • E＃id
    IDを持つ要素（div＃content、p＃intro、span＃error）
  • E.class
    クラス（div.header、p.error）、id、およびクラスを持つ要素は、div＃content.columnで一緒に記述できます。
  • E> N
    子要素（div> p、div＃footer> p> span）
  • E * N
    複数の要素（ul＃nav> li * 5> a）
  • E + N
    複数の要素
  • E $ * N
    シーケンス番号の要素
SublimeTextでZenコーディングを使用するためのヒント 1、略語を展開します。以前、Control + Alt + Enterを使用すると、新しい行にZCの略語を入力してコードを生成できることを知っています。同時に、編集時にdiv＃content> pのようにZCの省略形を直接書き込むと、カーソルがpの後ろにあるときに、Tabキーで拡張でき、ZCはカーソルから最初の空白スペースを検索するために残しました。 ZCの省略形としての間のコードは、毎回新しい行を開く必要がないため、効率が向上します。欠点は、リアルタイムでプレビューできないことです。 2、略語でラップ 上に示したように、ネストするラベルにカーソルを置き、Control + Altを使用することで、すでに記述されているコードの外に他のコードをネストできます。 + EnterZCコマンドラインを呼び出すと問題ありません。実際、Zen Codingは、タグマッチング、前/次の編集ポイントの返却、i​​mgタグの更新、行のマージなど、多くの便利なコード記述操作も提供しますが、Sublime Textでは完全なサポートが提供されていないため、これらは機能はまだ利用できません。参照：1、 Sublime Text 2 ZenCodingをインストールする 二、 Baidu百科事典ZenCoding 3、 Zenコーディング 4、 Sublime Text2を使用するものについて 5、 崇高なテキスト 6、 ZenCodingCSSプロパティ 7 、 崇高なテキスト2の禅コーディング 8、 Zen Codingにより、NotePad ++コードの書き込みがハエと同じくらい速くなります 9、 Sublime Text2エディターの実用的なヒント
この記事のアドレスを示してください： 崇高なテキスト2と禅コーディング