mixinが3文字で！Emmetオリジナルスニペットの登録方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れさまです、デザイナーのサリーです。 LIGにSassがもたらされて1年… たまにあるCSSで書かなきゃいけない機会にネストして書いてハッとしてキーーッてなったりしますよね（Sassあるある）。 私はDreamweaverを使いつつたまーにSublimeText2を使っているのですが、DreamweaverはSassのコードヒントが出ないので、Compassのmixinを呼び出すのがかなり面倒です。 簡単に呼び出せるようにスニペット機能を使おうと思ったのですが、Emmetのスニペットを使う方が簡単そうだったので、やり方に慣れていることもありEmmetを使うことにしました。 今回はDreamweaverまたはSublimeText2で、Emmetにオリジナルスニペットを登録する方法を紹介します。 Emmetをインストールする すでにEmmetをインストール済の方はこの項目は飛ばしてくださ
Sublime Text 2のプロジェクトを設定してみよう
Dreamweaverでは「サイトの定義」を使っていたのですが、Sublime Text 2でもそれに似た機能がないかと思ったら、 Projectというのがありました。 使い方 上のメニューバーのProjectから使います。もし、Side barが表示されない場合は「View」→「Side bar」で表示させて下さい。 やり方はいろいろあるかと思いますが、まず製作するフォルダごとsublime text 2にドラッグ＆ドロップします。 そうするとサイドバーにフォルダとその下層のファイルが表示されます。 基本的にはこれでファイルを一覧で見れるようになります。ただこのままだとプロジェクトの保存はされていないので、 上のメニューバーから、「Project」→「Save Project As…」を選択します。 そうすると、名前を付けて保存の画面が出てくるので、「●●.sublime-project
sublimetext2のProjectを利用したファイル検索と修正作業の進め方
大きなプロジェクトのコーディングをしているときに、修正したいファイルが出てきた場合、 sublimetext2を利用していれば、フォルダから探していかなくても、ファイルを楽に一発で検索することが可能です。 プロジェクトを追加する まず、プロジェクトの入ったフォルダをsublimetext2に、ドラッグアンドドロップしてプロジェクトを作ります。 プロジェクトにすることで、対象のファイルの中身を検索できるようになります。 文字列の一部やidとかがわかっている場合 comand + shift + f で必要な文字列とか検索することができます。 検索した内容が入っているファイルをひと通り検索してくれます。 検索結果のファイルをクリックすると、ファイルを開くことができるので修正します。 ファイル名がわかっている場合 comand ＋ p で直接ファイル名を指定して修正 hoge/hoge.html
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tumblr
GitHub - chikatoike/IMESupport: IMESupport for Sublime Text 2/3
