Sublimetext2 のプラグイン「Hayaku」が便利すぎてびっくりしました
最近コーディングをする時はすっかりSublimetextを使用するようになりました。
軽さ、機能、プラグインが良くて多用している日々でございます。
Sublimetextの魅力は、いろいろあるのですが、ここでは割愛させていただきます。
代わりに記事を紹介しますので、そちらをご覧下さい。
新しい年に、テキストエディタをsublimeに変えた | スターフィールド株式会社
”恋に落ちるエディタ”「Sublime Text」 完全入門ガイド！ | 株式会社LIG
Sublime Text 2入門 (全14回) – プログラミングならドットインストール
オススメのプラグイン
僕が今回オススメしたいのが「Hayaku」というプラグインです！
こちらはその名の通り、cssを早く書けちゃうという代物でございます！
sublimetextを使っている人であれば、プラグインの「emmet」を入れて使用していると思います。
emmetでもcssを簡略化して書けるじゃないか、とお思いの方もいると思いますが、
emmetでは、簡略化の型が決まっているので、その型を覚えないといけないですよね・・・
それってやっぱり面倒な人には面倒なことだと思います。
その型を覚える必要がないのが「Hayaku」なんです！
どういうことかと言いますと、
cssを書く際に、適当に
|
1 2 3 4 | /* w,wd,wid,widt いずれかの打ち方でも以下のスタイルに変換されます(Tabキーで変換です)！*/ width: 100%; /* w960 */ width: 960px; |
これすごくないですか？？笑
それっぽかったらある程度、思い通りに変換してくれちゃうんですよ！
だから型なんかを覚えることなく、頭に思い浮かべたスタイルの頭文字を適当に並べるだけでOKぐらいのレベルで、
cssが書けちゃうわけです。
一部ですが以下のような形です。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | /* pl20 */ padding-left: 20px; /* mb30 */ margin-bottom: 30px; /* bgc */ background-color: #FFF; /* pa */ position: absolute; /* dn,dpn */ display: none; /* fs14 */ font-size: 14px; /* lh180% */ line-height: 180%; /* bl1s */ border-left: 1px solid; |
感覚で書いてる感じになりますねこれは。
ホントおすすめです！！
sublimetext、emmet共々、使いこなせば、コーディングがグッと早くなるかも！？
いや、少しぐらいは早くなると思います。
プラグインのインストール
プラグインの入れ方は、通常のプラグインと同様、
「command + shift + p」でinstall packageを開き、「hayaku」と記入すれば出てくるので、
選択してインストール完了です。
ぜひぜひ活用してよいコーディングライフをお送りください！笑
Author Profile
スターフィールド編集部
SHARE
