Graphで平面を地形に変形させてみた。Textの痒いところに手が届く設定たちSublimeText開発環境2年前はJavascriptのジャの字も知らず、HTMLとCSSをメモ帳で書いていた私ですが、今は名刺にフロントエンドエンジニアって付いてます。この1年で覚えたこのエディタの使い方の中から、「痒いところに手が届く」設定を紹介します。おすすめ」とGoogle検索すれば求めている情報が大量に出てくるため、詳しくは割愛させていただきます...。Textに入っているプラグインは以下です(好き順)。Snippetから登録するアレです。CSSにおいて中括弧の外側でスニペットが展開できないという問題があります。コメントアウト用のスニペットが用意したい場合にこれでは使い物になりません。一つよく紹介されているものに、Emmetのスニペット機能があります。EmmetはHTML・CSSをサポートするツールなので、Javascriptのスニペットはサポートしていません(多分)。{"js":{"snippets":{"c":"console.log(${1});"}}}}というわけで、私は今のところ、HTMLとCSSはEmmetのスニペットを、JavascriptはSublime標準のスニペット機能を使って登録しています。具体的には、Javascriptはこんな感じで登録しています。--><scope>source.js</scope></snippet>(上記のscope部分は、スニペットを展開したいファイルの種類を指定します。Javascriptなら「source.js」、HTMLなら「text.html.basic」などです。特定のファイルのscopeを知りたいときは、ファイル開いている状態でCtrl+Shift+Alt+pを押すとステータスバーに表示されます。)Emmetはこんな感じです。(max-width:){\n${1}\n}"}}}}「phi」でplacehold.itを展開するやつ、気に入ってます。■ダブルクリックの選択範囲を変更できるCSSのクラスを命名する際、ハイフン区切りなのか、アンダーバー使うのか、キャメルケースなのか、はたまたBEM記法なのかなんて議論があるかと思うのですが、私はダブルクリックでクラス名全体を一発選択できることからアンダーバーやキャメルケースが好きでした。世の中的にはハイフン使えとか...。悩んでいたら、実は設定でダブルクリックの選択範囲を設定できるんですね...。Userに以下を追加します。"./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?"}ここに書かれている中にハイフンはありません。この設定ならハイフンがあっても一気通貫で選択できます!もっと貫いて選択したい人は、どんどん記号を削りましょう。■閉じタグコメントの位置を変更(Emmet)HTMLって閉じタグコメント(って呼ぶんでしょうか?HTMLコメントで開始タグと綴じタグをペアるアレ)があったほうがいいですよね。-->色々派閥があるかと思います。この閉じタグコメント、Emmetの機能で下記のようにパイプとCを付けて展開すると自動挿入できるんですが.container|c1.container|cデフォルトでは、閉じタグの下にコメントがつくんですよね。私は閉じタグの右派なので、それを右に変えたかったんです。方法をGoogle検索すると、コアファイルをいじる方法が結構出てくるのですが、それをせずとも以下の方法で変更できます。以下を追加しましょう。