目次

emmet

http://docs.emmet.io/

説明

htmlのコーディングを少ないキー入力で行う方式で、エディタにプラグイン形式で機能を追加することが多い

http://kojika17.com/2012/09/zen-coding-next-emmet.html

記法とか

知らない人は遅れてる?新Zen-Coding Emmet | DECONCEPTER

http://log.deconcepter.jp/2012/10/emmet/

導入方法が書いてあります。

特徴が書いてあります。

Zen-Codingの次期バージョン、Emmet について|Web Design KOJIKA17

http://kojika17.com/2012/09/zen-coding-next-emmet.html

Emmetの新しい機能

の記事があります。

今までのZen-Codingのドキュメントの記事へのリンクもはってあります。

Emmetが使えるIDE/エディタ

の記事があります。

CSSの記述を高速化する、Emmet (Zen-Coding)|Web Design KOJIKA17

http://kojika17.com/2012/10/css-speedstar-for-emmet.html

CSSのショートコードが書かれています。

Sass, Less(メタ言語) と Emmet(Zen-Coding) のどちらを使えばいいのか?

の記事があります。

Sublime Text2 Emmet でのスニペット(snippets.json)利用のススメ

スニペットを追加してPHPのwordpressのコードを素早く入力できるようにする方法が書かれています。

http://webya.in/archives/3777

スニペットの定義ファイルの位置はMACOSについて記載されていました。

windows8のsunipet定義ファイル位置

C:\Users\<<ユーザのフォルダ>>\AppData?\Roaming\Sublime Text 2\Packages\Emmet\emmet

emmetチートシート

http://docs.emmet.io/cheat-sheet/

eclipseでemmet

エクリプスでもできた。 http://www.yuhei-tsukahara.com/2012/11/eclipsezen-coding.html

その他

sublime text 2 のzen codingパッケージはemmetに置き換わっている

Sublime Text 2とEmmetで制作効率アップ!

http://kirinblog.com/tool/sublimetext2-emmet.html

このページにいろいろ、使えるSublime Textのプラグインとか書いてあります。 Emmetの勉強になるサイトとか書いてあります。

そういえば、コメント欄にある

sassとかhayakuとかcompassとか気になりました。

導入方法

コンソールを開いておきます。

上記のサイトのコードを入れます

再起動

ctrl shift p

で、適当に「Package」とか入力すると「Install Package」とか「Remove Package」とか出るのでInstall Packageで好きなプラグインをインストールしましょう。

ショートカット

[SublimeText?]Emmetを使いこなすためのショートカットキー

http://wada811.blogspot.com/2013/03/sublime-text-2-emmet-shortcut-key.html

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2013-07-08 (月) 10:05:38 (2589d)