Sublime text 3

SublimeTextで垂直に揃えるインデント:ElasticTabstopsパッケージ

SublimeTextで垂直に揃えるインデント:ElasticTabstopsパッケージ最近こんな記事を読みました。【翻訳】私がコーディングで垂直方向にそろえるインデントをとる理由 【翻訳】私がコーディングで垂直方向にそろえるインデントをとる理由 【翻訳】私がコーデ…

じっくり解説SublimeText:ExportHtml コードカラーリング状態で印刷

わお! コードを印刷するとき、コードカラーリングした状態で印刷するとすげー見やすい! 普段コードを印刷なんてしないぜ! ま、だいたいそうなんですけどね。寝転んで眺めたいなとか、 何か書き込みながらデバックしたいなとか、たまーにたまーに、だけど…

じっくり解説。SublimeText3にEmmetをインストールする

sublime text3 emmet というキーワードで検索されている事が多いようなので、じっくり解説です。 画面はmacのものですが、windowsでも同じような操作でインストールできます。 SublimeTextは、パッケージで機能追加 SublimeTextは、2も3も、パッケージと呼…

おれのさぶらいむてきすと:<新機能あり>Emmetのver1.1(bata)登場!

この記事は、おれのさぶらいむてきすと Advent Calendar 2013の24日目です。昨日はquattro_4さんの おれのさぶらいむてきすとのしょーとかっと動画 - quattro_4's diaryでした。みんな大好き Emmetのver1.1(bata)が登場しました。 インストール方法 http://e…

じっくり解説!おれのさぶらいむてきすとInputSequenceプラグイン

この記事は、おれのさぶらいむてきすと Advent Calendar 2013の19日目です。昨日は@jugyoさん、だったのですが、すごいことになっています。。さて、 Sublime Textは、マルチカーソルが便利ですよね。 そんなマルチカーソルで便利な、InputSequenceプラグイ…

Sublime Text:ドット「.」で始まるファイルをサイドバーのプロジェクトに表示する方法

Sublime Text 便利ですよね。Webの仕事をしていると、.htaccessとかドットで始まるファイルを編集する事がよくあります。 そんなとき、Sublime Textのサイドバー(Project)に、これらのファイルが表示されると便利ですよね。macの場合、裏技じゃないと思う…

Sublime Text:サイドバーのProjectの名前を変更する方法

Sublime Text 便利ですよね。 フォルダをドラッグして、プロジェクトとして管理できたり。。。でも、いくつものプロジェクトを同時に開いているとき、 フォルダの名前がプロジェクト名になるのって困りませんか? 同じような名前のフォルダを使いますよね。…

Sublime Text:保存するとブラウザを自動で更新、Sass使用でもOK!

Sublime Text便利ですよね。マークアップ作業中に、 *Sublime Textで書き換え+保存 *ブラウザをアクティブにして、更新 って、何度やっているでしょう。。ということで、、 Sublime Textの上書き保存とChromeの更新をワンタッチで行う方法 Browser Refles…

Sublime Text:インデント(tab)を言語ごとに設定する方法

Sublime Text便利ですよね。今回は、インデントを言語ごとに設定する方法です。例えば、 ・html の場合は、横に長くなるのでインデントは控えめに2文字分。 ・css は見やすく4文字分。 とか。。そして、インデントをtab文字にするか、文字数分のスページ文字…

Sublime Text 3 に Package Control をInstallするのが簡単になったよ

前の記事で、Sublime Text3はまだまだな感じと書いたけど、いろんなパッケージが対応してきたので改めて記事にします。まずは、 Package Controlの導入。https://sublime.wbond.net/installation に書いてある Sublime Text3用の文字列をコピーします。Subli…

Sublime Text 3 は、htmlで 「</」 と入力すると自動的にタグを閉じるようになった

久しぶりにSublime Text 3の新しいバージョンを入れてみた。 っていってもまだ、ベータ版だけど。。それでも、各種パッケージも対応してきたし、そろそろ乗り換えてもいいかな。久々にいじってみたら、 htmlを書いているときの閉じタグ、Dreamweaberだと、<…

Sublime Text 2 + Emmet で閉じタグの後ろにコメントを加える設定

Emmetのカスタマイズ シリーズ1 1で終わるかも。。(笑)前回、「Sublime Text2用ZenCodingで閉じタグの後ろにコメントを加える方法」という記事を書きましたが、ZenCodingの新しいバージョン、Emmetを使っている人も多いと思います。 そこで、今回は、Emm…

動いた! Sublime Text 3 ベータ に Emmetをインストール

前の記事(http://charlie.hateblo.jp/entry/2013/02/02/153002)で、Sublime Text 3 ベータに、Package Controlをインストールする方法(Windows)を書いたが、Emmetは、Package Controlだと、Sublime Text 2用がインストールされてしまいます。 そこで、Subl…

Sublime text 3 に、Package Controlをインストールする(Windows)

※2013.8.23追記:Subime Text 3のバージョンがあがり、もっと簡単にインストールできるようになりました。→ Sublime Text 3 に Package Control をInstallするのが簡単になったよ 昨日(2013.2.2)、Sublime text 3 ベータ版、build 3009 がリリースされた。…

Sublime text 3 beta を windowsで使ってみた

まだ、Sublime text 2を使い始めて数か月、全然使いこなしているとは言えないが、新しいバージョンのベータ版が出たので、ひとまず、比較を兼ねて使ってみる。 1.まずはダウンロード&インストール このベター版を使うためには、登録ユーザーであることが…