Sublimetextで汚いコードを一瞬で整形できるプラグイン[HTML/CSS/JS Prettify] - コンパイラかく語りき
どうも！chuckです。 会社で使っているHTML/CSS/JS Prettifyをプライベートでも導入しましたのでメモ。 HTML/CSS/JS Prettifyとは SublimeTextのプラグインです。2,3両対応。 詳しくはこちら↓↓ qiita.com この記事ではNode.js, Homebrewなんて書いてありますが、自分はパッケージコントロールから入れました。 chuckwebtips.hatenablog.com 実演 こちらが整形前コード。 GitHubに上げたものを、一部抜粋してローカルに落としました。 適当なところで右クリック。すると、メニューの中にHTML/CSS.JS prettifyという項目が！適当に一番上のPrettify Codeを選択します。 すると、ものの１秒もしないうちにきれいなコードが誕生しました＼(^o^)／ なんて便利！ もっと重いファイル
![Sublimetextで汚いコードを一瞬で整形できるプラグイン[HTML/CSS/JS Prettify] - コンパイラかく語りき](https://cdn-ak-scissors.b.st-hatena.com/image/square/33867fd058c7ab704cd2dacb8024479cbd57b215/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F1daf499c36d4b24764a74a25108c4bdc3516ea46%2Fbackend%3Dimagemagick%3Bheight%3D1300%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fc%252Fchuck0523%252F20150702%252F20150702231321.png)
[tips][Sublime Text] Sublime Text 3をインストールしたらまずやること
I'm "Keid". Full-stack Web Engineer. Mainly, about Tips, about Web, about My LIFE. ツイート 最近お気に入りのエディタ「Sublime Text 3」のインストールしたら最初にやることを紹介します。プログラミングするには最適なエディタだと思います。環境はWindowsですが、やることはMacと変わりません。(Macの人はショートカットが多少変わるので、適宜調べてください) 1. 「Sublime Text 3」のインストール (1)Windows用インストーラをダウンロードし、インストールする。 (2)「sublime_text.exe」を起動する。 2. 「Package Control」のインストール 「Package Control」はSublime Textにパッケージを入れるためのパッケージ管理ツー
![[tips][Sublime Text] Sublime Text 3をインストールしたらまずやること](https://cdn-ak-scissors.b.st-hatena.com/image/square/a4f3afd7e2cde3b9ae24aa747b2769fa90da40da/height=288;version=1;width=512/https%3A%2F%2F66.media.tumblr.com%2Favatar_83e54e70729a_128.pnj){kind=avatar}
MacでSublimeText3を使う際にShift_JISを文字化けしないようにする - Qiita
Shift_JISで書かれているcsvファイルをSublimeText3で開くと文字化けするので調べてみました。 vimやemacsを利用している人は大丈夫だと思うのですが、SublimeText3で色々なファイルを開いて見たり編集したい人が対象となる気がします。 Shift_JISのファイルを開いてみる Shift_JISのファイルを開くと文字が化けます。 Package Controlを使えるようにする 色々便利なパッケージを利用できるようにするため、Package Controlをインストールします。 ctrl + `でコンソールを開く https://sublime.wbond.net/installation を開き、SUBLIME TEXT3に書かれている内容をコピペしてエンターキーを押す ConvertToUTF8をインストールする ConvertToUTF8を使うとUTF-
Sublime Textのライセンス購入方法(気に入ったので買いました) | つかびーの技術日記
Sublime Textというエディタをご存知でしょうか。 色々なサイトでなかなか良い評価を得ているエディタだと思います。２ヶ月ほど、このSublime Textを使ってみて気に入ったため購入することにしました。 注意事項、ライセンスなど 購入前に公式のFAQは見ておいた方が良いかと思います。 http://www.sublimetext.com/sales_faq 注意事項と言ってもそれほど大したものはありません。かなりゆるいライセンスでありがたいです。 2014/4/19現在、上記を見ると、どうやら以下のような感じです。 70ドル(1ドル約102円なので約7140円) PayPalで支払う 今売ってるのはSublime Text3と2を含むライセンス。Sublime Text4は別途有償になる。 ※今現在3はベータ版です。4はいつになるのか分かりません。 ライセンスの有効期限は特になし
Sublime Textのプラグイン「Goto CSS Declaration」が素晴らしく便利で泣けてきた
今日も今日とてSublime Text 2にてコーディングをしているわけなんですが、@kojika17 先生（通称：まぼろしの神）からGoto CSS declarationと言うプラグインを教わって導入したところ、これが素晴らしく素晴らしいので素晴らしさをお伝えしようと思います。 rmaksim/Sublime-Text-2-Goto-CSS-Declaration どんなプラグインか こちらのGoto CSS declaration、どういったものかと言いますとhtmlのID、クラスにカーソルを合わせてキーを押すと該当のcssの編集箇所にカーソルが飛ぶと言うもの。嗚呼説明しづらい。 まぁプラグインのgithubに行ってもらえばそこにあるgif動画でどんなものか一目瞭然なのですが、私もgif作ってみました。 プラグインはPackage Control から「gotocssdeclarat
sublime text 2 の設定ファイル - Qiita
最近はエディタにsublime text 2を使ってるのですが、その設定についての記事が少ないので自分が設定したファイルの内容をさらしてみます。 参考のサイトはこれ https://gist.github.com/3620658 フォントは WindowsではConsolas MacではSource Code Pro を使用しています。 スキーマやフォントなど必要なところは変えてください gist https://gist.github.com/bells17/4702008 { /* * UI関係 */ // カラー&スキーマ "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme", // カラー "theme": "Soda Dark.sublime-theme", // スキーマ // カーソルのスタイル (
Sublime Text2のプラグイン、Zen codingをEmmetに変える - inkdesign
27 Nov 2012 Zen CodingはHTML/CSSなどを簡易的な記法で展開・記述することでコーディング効率を上げるツール。Zen Codingについては、公式のGoogle codeのページか、以前に書いた記事を参照してもらえればと思う。 がしかし、このZen CodingはEmmetという名前でバージョンアップされているので、実際にZen Codingをこれからはじめる！という人は、Zen Codingではなく、Emmetをお使いのエディタなどにインストール、セットアップする必要がある。 Zen Codingをほどほどに使っている自分も、使っているSublime text2のプラグインとしてEmmetに移行することにした。 Zen codingパッケージのDisable/Remove Sublime text2のパッケージ（プラグイン）管理については、他の方が書かれた記事など
Hayaku!
for Sublime Text 2Download from GitHubthrough Package ControlFuzzy abbreviationsWith hayaku you don't need to remember abbreviations and use cheatsheets. You can write just any way you like the abbreviations to be and Hayaku would try it's best to guess what you need. That way all those abbreviations are equal: oho:hovhioverfl:hidnFast valuesHayaku gives you a way to write numeric and color values
Sublime Text 2 - Useful Shortcuts
gistfile1.textile Sublime Text 2 – Useful Shortcuts (Mac OS X) General ⌘T go to file ⌘⌃P go to project ⌘R go to methods ⌃G go to line ⌘KB toggle side bar ⌘⇧P command prompt ⌃ ` python console ⌘⇧N new window (useful for new project) Editing ⌘L select line (repeat select next lines) ⌘D select word (repeat select others occurrences in context for multiple editing) ⌃⇧M select content into brackets ⌘⇧↩
Sublime Text 2に登録できるCSSのスニペット集が配布されてます
テキストエディタはSublime Text 2 が最高に自分に馴染むので去年、正式 に乗り換えたんですが、Sublime Text 2に登録出来るスニペットのCSSのが 沢山配布されていたのでご紹介。 テキストエディタの個人の好みはOSと同じくらい布教活動が盛んな、宗教染みた部分が垣間見えるので、正直言って心底ウザい言葉にするだけで不快に感じる方もいるかもと思ってからTwitterで言ったり記事にしたりとかにはしないようにしてるんですけど・・・（宗教が悪いと言ってるわけじゃないですよ。押し付け感や比較対象を貶す行為が嫌なだけです。） 折角なのでスニペットの紹介ついでに簡単にご紹介します。あ、もちろんWindows版もMac版もあります。僕はWindowsユーザーなのでその目線で書いていきますね。 エディタは1に起動スピード、2に使いやすさ、カスタマイズ性もあると嬉しい、といった視点で選ぶの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
re-dzine.net situs togel online toto 2023 -
Sublime Sync - Sublime Text 2 x iCloud
Package Control - the Sublime Text package manager
layer8.sh