コードエディターにはHTML・CSSを効率良く編集する方法でも書いたように、コードの自動補完などの機能が備わっています。これらの機能を使うことで効率良くコードを記述することができるのですが、ここではさらに効率アップできるEmmetを使ってみます。 Emmetを使うとHTMLタグを記述する際に必要な< >などを省略したり、長いHTMK構造をたった数行で書くことができるようになります。慣れるとこれ以外で書くのがめんどくさくなるというデメリットがありますが、とにかく効率良く記述できるのでまだ使ってない人は是非使ってみて下さい。 EmmetにはHTMLとCSSがありますが、ここではHTMLの記述方法を紹介します。 CSS編はこちら -> CSSを効率良く書く!Emmetの書き方・使い方まとめ Emmetのインストール方法 コードエディターにEmmetをインストールする Emmetはコードエディター
この記事は Sublime Text Advent Calendar 2014 の 3日目の内容です。 どうも、(´ ºムº `) です。 Sublime ついてってことで、何を書こうかものすごく悩んでしまったのですが、大したことは書けないので、普段使っているこれは重宝しているっているショートカットと、プロジェクトで複数人でコーディングするときに、これを入れておくといいかもっていうパッケージの紹介くらいにとどめておこうと思います。 Sublime神の SOU さんとうえまささんのお二人のあとなんですけど、そのくらいに・・・m(_ _ )m (´ ºムº `) のよく使う Sublime Text のショートカットキーこれがあるからこそ Sublime 便利!ってものばかりなのでいまさらなんですけど、個人的にこれはよく使う!ってのをいくつか紹介します。 ※ Mac を使っていることもあり M
ファイルの操作 ファイル名を検索して開く Windows:Ctrl+P Mac:Cmd+P 表示された入力欄にファイル名の一部を入力すると検索結果が表示されるので選択して開きます。 使用言語の指定 Windows:Ctrl+Shift+P Mac:Cmd+Shift+P 表示された入力欄に使用する言語名の一部を入力すると検索結果に「Set Syntax」が表示されるので選択します。 使用言語を指定することで言語にあった色分けや入力補完を表示してくれます。 文字の大きさを変える Windows:Ctrl+Shift++、Ctrl+- Mac:Cmd+Shift++、Cmd+- カーソルの操作 複数のカーソルを配置する Windows:Ctrl+クリック Mac:Cmd+クリック クリック位置にカーソルを配置し一度に複数個所を編集することができます。 ※下図のように複数個所に同じclass名を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く