Sublime Textが自動でHTMLをインデントしてくれたよ
どうも、自転車に鍵をかけられて歩いて出社する羽目になったまっちーです！ 犯人め許すまじ。。 HTMLにインデントがない。。 たまにこういったHTMLに遭遇します。 ツールで生成したのかしら？ ワタシ、インデント、ホシイ。 好みもあるかもしれませんがワタシはインデントあると嬉しい派です！ とはいえ、手作業で調整する気にはまったくなれません。 あると嬉しいけど、ないといけないものでもないし。。 うだうだ。 なんて思っていたらSublime Textがさっくりインデントしてくれたのでご紹介です〜 手順 HTMLファイルをSublime Textで開きます。 テキストを全選択して、Edit > Line > Reindent をクリック。 以上です！一瞬です！ 右下の「Tab size:**」をクリックするとインデント幅も調整できます。 拡張性が人気のSublime Textですがこの機能はデフォ
Sublime Text 3 のダウンロードと基本的な設定 | Web Design Leaves
ダウンロード 以下のページから自分の環境に合うものをダウンロード（以下は Windows 64bit 版） http://www.sublimetext.com/3 インストールはダウンロードしたファイルをダブルクリックして指示にしたがっていくだけでとても簡単なので省略。 メニューの「Preferences」→「Settings-User」に設定を記述する。 どのような設定項目があるかは「Preferences」→「Settings-Default」のファイルを参照し、変更する項目をコピーして「Settings-User」でその値を設定する。 「Settings-Default」は変更しない。 「Settings-User」の設定で「Settings-Default」をオーバーライドする感じ。 「Settings-Default」はソフトウエアのバージョンアップ等で上書きされるてしまう可能
Dropboxを活用して複数のmacでSublimeTextの設定を共有する | eturlt.net
家ではiMac、外ではMacBookという方もいるかと思いますが、同じ環境で作業したい！ そんなときのための方法です。 手順 基本的には 対象ファイルをDropboxに移動 必要な場所にシンボリックリンクを貼る という方法で対応します。実態ファイルはDropboxフォルダに置くことになります。 SublimeTextに関わらず、「Dropboxフォルダ外のものもバックアップ／同期したい」という場合はこのようにします 具体的な方法 設定ファイルをDropbox内へ Sublime Text 2 の設定ファイルをDropbox内へ移動します。 Users/USERNAME/Library/Application Supportにある Installed Packages Packages Pristine Packages をDropboxへ移動しましょう。（Sublime Textは終了して
Sublime Text 3 で汚い HTML を編集するときに便利なプラグイン - Qiita
フロントエンドの悩み フロントエンドの仕事をしていると、誰が書いたのか分からないまともにインデントもされていない、更には文法まで間違っている汚い HTML に手を加えなければならない場面は往々にしてあると思います（？） それでもブラウザは表示してしまうので、書いた本人は気付いていないか、表示されれば良いと思っているのでしょう。 インデントが無い HTML は、大体入れ子構造も間違っていることが多いです。文法が間違っているとエディタで開始タグと終了タグがハイライトされないので、非常に編集しにくくて困ります。 エディタで解決 HTML-CSS-JS Prettify と SublimeLinter-html-tidy を使って、汚い HTML と決別できます！ HTML-CSS-JS Prettify HTML, CSS, JS のコードを整形するプラグインです。 HTML-CSS-JS P
Sublime Text でインデントを整形するプラグイン HTML/CSS/JS Prettify - TotalTech
HTML/CSS/JS Prettify は、ソースコードのインデントを綺麗にする整形し、見やすくするプラグインです。正しい階層構造にフォーマットして、ソースコードの可読性を向上します。非常に便利です。Sublime Text 2/3 両方に対応しています。 対応しているファイルは、HTML・CSS・JavaScript・JSONです。Web開発者、ブログやサイト運営者で、Sublime Text を使っている方には必須ですね。 インデントの崩れた汚いソースコードを整形して、見やすくしましょう。 公式サイトはこちら: HTML-CSS-JS Prettify - Packages - Package Control インストール・設定 1. node.jsをインストール 2. プラグイン HTML-CSS-JS Prettify をインストール 2-1. Ctrl + Shift + Pキ
Sublime Textの基本機能（検索・置換、マクロ機能、スニペット） | 株式会社GEEKオフィシャルブログ
お久しぶりです。HTMLコーダーの加藤です。 GWも終わり、暑い日が続いてますね。 昼は暑いのに夜はけっこう寒かったりで、服装選びに少々困っている日々です。 ではさっそく本題に入ります。 9ヶ月くらい経ってますが、前回はSublime Text（以下ST）の簡単な概要とメニューのEdit・Selection・View・Gotoについてご紹介しました。 今回は続きということで、Find（検索・置換）、マクロ機能、スニペットについてご紹介します。 最近Atomがすごい！という記事が出回っていたりVisual Studio Codeが出た！と聞いたりして、あれ？STの時代終わった？とか一時思いましたが、まだ乗り換えるほどではなかったので気にせず書いていきます。 目次 検索・置換 マクロ機能 スニペット 検索・置換 まずは非常によく使う検索・置換についてです。メニューのFindがこれにあたります。
Sublime Text: grep 機能のこと :: log.chocolateboard
Sublime Text: grep 機能のこと 複数ファイルに渡って、特定の文字列を検索・一括置換する grep 機能。 Sublime Text にも grep 機能があるので、オプション周りの覚書き。 Indexgrep 機能の呼び出し方左下の各アイコンの役割（Find について）検索対象ファイルを設定する（Where について）文字コードの問題grep 機能の呼び出し方ショートカットキー cmd + shift + F で、簡単に呼び出すことができます。 メニューから開く場合は、 Find -> Find in files 。 これで立ち上がったウィンドウから複数ファイルに渡った検索・置換が可能です。 Flatland Theme を使用しているため、見た目が異なる場合があります。 左下の各アイコンの役割（Find の設定）左下には5つのアイコンがあります。それぞれ、下表のような検
プログラミングやマークアップで特に役立つ、Sublime Textの標準機能 - Build Insider
Expand Selection to WordでのTipsをいくつか紹介する。 例えば1つおきに編集したい場合などは、Ctrl(Win)／Command(Mac)＋Kキーで選択がスキップできる（図2.1）。また、Ctrl(Win)／Command(Mac)＋Dキーを入力しすぎて、想定よりも多く選択してしまった場合は、Ctrl(Win)／Command(Mac)＋Uキーで、選択をUndoできる。ちなみに、Ctrl(Win)／Command(Mac)＋Uキーは、Ctrl(Win)／Command(Mac)＋ZキーではUndoできないものをサポートしているので、ここで解説している例だけでなく、例えば複数行選択で↓キーを押しすぎた場合などでも利用できる。 また、同じ文字列を一気に複数選択する場合は、Alt＋F3キー（Win）／Ctrl＋Command＋Gキー（Mac）で行える。 Expand S
便利すぎる！Sublime textのあまり知られていないショートカット５選！！ - Qiita
Sublime Textのショートカットを利用し始めてから、開発が今まで以上に楽しくなってきました。 この記事は、sublimetextのショートカットをもっといろいろ知ってみたいという人にお勧めです！！ まだ全然わからないよという方は、以前、qiitaで書いた「最速でコードを書こう！本当に便利なsublime textのショートカット６選！」という記事のほうが、よりよく使われるショートカットが載っているので、この記事から読むことをお勧めします！！ 1. 終了タグの挿入★★★ Windows: Alt＋. Mac: command＋option＋. なんで今まで知らなかったのか。いつも簡単に終了タグ挿入できたらいいのに、と思いながらも地道に書いてました。これで、htmlのコーディングも2倍速！！ 2. 親要素をたどる★★☆ Windows:Ctrl+Shift+A Mac:Command+
[SublimeText 3] SFTPでページ更新が劇的に変わる！
[SublimeText 3] SFTPでページ更新が劇的に変わる！ 2016.03.24 2018.12.01 sublimeText プラグイン 効率化 どうもこんばんは！スタバとかでマック開いて足組みながらコーヒー飲む事すら恥ずかしくて出来ない意識低い系こうじです。 今回は作業効率が劇的に変わるSublimeTextのプラグイン『SFTP』をご紹介したいと思います。 SFTPとはなんぞや SFTPとは、簡単に言うとFFFTPとかNextFTPのようなFTP接続が出来るプラグインです。 単純に使うとSublimeTextはテキストエディタなので、そんな機能は持っているはずがないのですが、『プラグイン』という拡張機能を利用してSublimeTextにFTP機能を持たせる事が出来るのがこの神プラグイン『SFTP』なのです！ SFTPを導入しよう まずはインストール まずはプラグインを導入し
![[SublimeText 3] SFTPでページ更新が劇的に変わる！](https://cdn-ak-scissors.b.st-hatena.com/image/square/f94f917ef1d9dfad7a9c1178c78e399b8191ae4b/height=288;version=1;width=512/https%3A%2F%2Fhyp.llc%2Fwp-content%2Fuploads%2F2016%2F03%2Fsublimetext-cover.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sublime Text の基本機能 | 株式会社GEEKオフィシャルブログ
https://webcode-lab.com/topics/blogid/5/
https://geechs-magazine.com/tag/lifehack/20161020_2