[B! SublimeText] studio-hのブックマーク

SublimeText（Windows、Mac）をSassで使いやすい設定にする | Web制作者のためのSassの教科書 - 公式サポートサイト

ここでは、Win,Macともに最近ユーザーが激増している「Sublime Text」でSassを快適に使えるようにするための、設定例を紹介します。この設定は、著者の森田がSassのコーディングをする時に使っている設定（2013年8月現在）になりますので、あくまでも一つの参考として読んで頂き、使いづらいと感じる部分は、自分なりにカスタマイズしてより使いやすいエディタにしましょう。キャプチャーはMacで撮っておりますが、Windowsも同じやり方で設定できます。 Sass用の設定を追加まずは、SublimeTextを起動します。 SublimeTextを起動した状態まず、機能を拡張するためにパッケージコントロールをインストールします。「Sublime Package Control」のサイトへアクセスしましょう。Installationページに記載されているソースをコピーします。バー

studio-h 2015/10/26

リンク

SublimeText3を2年以上使って、生き残ったPluginを紹介します。 - Qiita

$options['user_id'] = '1234'; $options['name'] = 'Ichiro Yamada'; $options['gender'] = 'male'; $options['age'] = '21'; どの記号で揃えるかは設定で増やせます。このように列揃えすることで、他プログラマーへ処理のまとまりの単位を見せたり、タイプミスに気がつきます。僕は、デフォルトそのままで使っていてイコールぐらいでしか使わないです。ショートカットを覚えるほど利用頻度がないので、command + shift + pで、abacusと打って呼びます。 BracketHighlighter [], (), {}, "", '', <tag></tag>といったカッコ類を強調してくれます。 Pluginの説明ページに画像があるので、どんな機能なのかわかりやすいです。 https

studio-h 2015/10/16

SublimeText

リンク

コーディングに最適な日本語対応の等幅フォントSource Han Code JPとは – ICS MEDIA

コーディング向けの日本語対応の等幅フォント「Sourceソース Hanハン Codeコード JPジェイピー（和名：源ノ角ゴシック Code JP）」が、2015年6月4日に公開されました。「源ノ角ゴシック Code JP」は、プログラミングやHTML/CSSのコーディング、ターミナルでのテキスト表示など、和欧表示用フォントとしての利用を想定されたフォントです。ダウンロードはこちらから Release Fonts (OTF, OTC) · adobe-fonts/source-han-code-jp · GitHub ※このフォントは無償でダウンロード可能です。OTCとTTFの両方のフォーマットで配布されているので、Windows/macOSともに簡単にインストールできます。 ※上記リンクの「Fonts version ［バージョン番号］ (OTF, OTC)」となってい箇所の［Sourc

studio-h 2015/09/30

SublimeText

リンク

sublimeかわいいよsublime(；´Д｀)【Sublime Textの（初期）設定環境を晒す】 | WP-E (仮)

最近周りで禁煙者が増加していることより、今月からショートホープのパッケージデザインが変わったことの方が微妙な心持ちのショートホープです。 Web制作の仕事をしているならば、何かしら「エディタ」を利用していることと思う。最近かなりのシェアで利用されていると思われるのがSublime Textだ。動作が軽い、便利機能がてんこ盛り、パッケージをインストールしてさらなる機能追加が容易で拡張性に富む、などメリットは大きい。MacとWinどちらでも使えることを知って飛びついたが、実はショートカットのキーの組み合わせが全く違っていた(´・ω・｀) 調べてみたらもう1年半以上使っていた（使い始めたのはこの勉強会に参加した日から）ものの、最初にあれこれ設定したあとはほぼその設定のまま来てしまっていたので、ここらでちょっと自分の設定を見直しがてら使っている設定状況を晒してみようと思う。 2015.1.16 追

studio-h 2015/09/30

sublimetext

リンク

Sublime Text 3 - インデントの設定（スペース・タブ） - 開発メモ - Webkaru

テキストエディター「Sublime Text」のインデントを設定する方法を紹介します。 Sublime Text のデフォルト設定では、Tabキーを押すと幅が「4」の「タブ」がインデントとして挿入されます。このようになります（横棒がタブです）。 ※ 不可視文字の表示方法はこちら。 Sublime Text 3 - 不可視文字（スペース・タブ）の表示インデントの設定はカスタマイズすることができるので、ここでは「半角スペース」の幅「2」のインデントに設定する方法を紹介します。上部メニュー「Sublime Text」→「Preferences」→「Settings - User」をクリックします。 { "ignored_packages": [ "Vintage" ] } クリックすると、このようなテキストが表示されるので、 { // インデントの幅 "tab_size": 2, // タ