IDEA * IDEAドットインストール代表のライフハックブログ
[Sublime Text]お気に入りテーマ・ショートカット・パッケージ｜Sublime Text Advent Calendar 2014 | tipsBear
[Sublime Text]お気に入りテーマ・ショートカット・パッケージ｜Sublime Text Advent Calendar 2014 この記事はSublime Text Advent Calendar 2014 23日目のエントリーです。 出会った時からすっかり恋に落ちてしまって、今でもずーっと公私ともにメインエディタとして使用しているSublime Text。本当に使いやすくて優秀な大好きなエディタです。 そんなSublime Textに少しでも恩返し出来たらいいなということで、今回はSublime Textのお気に入り機能を色々と綴ります。 お気に入りテーマ＆カラースキーム テーマ：「Flatland」 Sublime Textを触ってきて慣れてくるとやっぱり変えたいのがテーマとカラースキームです。しばらくずーっとデフォルトのmonokaiを使っていたのですが、ある日気分転換し
![[Sublime Text]お気に入りテーマ・ショートカット・パッケージ｜Sublime Text Advent Calendar 2014 | tipsBear](https://cdn-ak-scissors.b.st-hatena.com/image/square/c8a86b897afa286ef46ccb8afc858d7ad3a3ef79/height=288;version=1;width=512/https%3A%2F%2Ftipsbear.com%2Fwp-content%2Fuploads%2F018-670x292.png)
特におすすめしたい、Sublime Textのパッケージ - Build Insider
Sublime Textのさまざまなパッケージの中から、利用シーン別におすすめのものを紹介。また、Sublime Textのパッケージの基本的な使い方として導入方法や有効化／無効化、削除の方法も説明する。 ← 前回 連載 INDEX 今回はSublime Textのさまざまなパッケージの中から、特におすすめのものを紹介する。 Sublime Textのパッケージ Sublime Text自体はオープンソース・ソフトウェアではないが、内部機能を操作するためのAPI（API Reference - Sublime Text 3 Documentation）が公開されている。また、メジャーなスクリプト言語であるPythonのランタイムが搭載されているので、誰でもパッケージを作成できる。 そのため、パッケージの作成は盛んで、2014年12月時点登録されている公式パッケージは2600以上となっている
MacのSublime Text 3 + Emmet で閉じタグの後ろにコメントを加える設定 - megane9988のブログ
Sublime Text 2 + Emmet で閉じタグの後ろにコメントを加える設定 – フロントエンドとかPCとかスマホとか の自分の環境版 (MacのSublime Text 3 + Emmet) です。具体的には header#megane.9988Code language: CSS (css) と入力して展開した際にこれまでは <header id="megane" class="9988"></header>Code language: HTML, XML (xml) だったものが <header id="megane" class="9988"></header><!-- /#megane .9988 -->Code language: HTML, XML (xml) というように、同 id や class でのコメントが閉じタグ後に自動付与されます。以下は手順です。すでにE
Sublime textでコードをなるべく楽に綺麗に書くための機能紹介 3つ - megane9988のブログ
1. コードフォーマット パッケージとして提供されている HTML-CSS-JS Prettify を導入する。使い方はソースコードで右クリックして、Prettify Codeを選択。ショートカットは Shift + Command + H。しかるべきところでの改行と、インデントをまとめてしてくれるのでたすかります。 コードフォーマットの設定 Prettify Code コードフォーマットにおけるデフォルトでのインデントの設定はスペースです。設定変更や拡張子の追加などを行う場合は、Performance→Package Setting → HTML/CSS/JS/Prettify → Set Prettify Setting と進むと、設定ファイルが表示されます。(コマンドパレットからも呼び出し可。) インデントの設定を変更する場合は インデントの文字をスペースからタブに dent_cha
SublimeTextの教科書で紹介されてるプラグインまとめ - Qiita
via Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ サンプルPDF4章の目次より ※説明は私の調べたものなのでかなり適当です。 SideBarEnhancements サイドバー右クリックのメニューを拡張 titoBouzout/SideBarEnhancements LineEndings 改行コードの変更。 SublimeText/LineEndings ※現状、SublimeText3で動かないです。143Pのコラムで動かし方について言及がある模様。 TrailingSpaces 行末の半角スペースを削除。 SublimeText/TrailingSpaces Focus Last Tab Sublime Text 2 では、Chrome などのタブブラウザーと同じように command + 1
MacでSublime Textを導入してみた[HTML5+JavaScript+Node.js+Markdown] - Qiita
動機 MacVim、Mou、Kobitoなどいろいろ使っているが、イマイチぴんと来ない… //Vim派閥だけど.vimrcを公私で共有している縛りがあるので、思ったカスタマイズができない。 なので今回はSublimeTextを導入してみました。 Node.js、Emmet利用できる点にちょっと興味しんしん。 会社の先輩、NetBeansでやるって言ってごめんなさいｗ ファイル構成はちゃんとNetBeans用でプロジェクト作りますｗｗｗ だってやっぱりスタバ()でドヤリングできないですやん。。。 インストール まずは本体のインストール。今回は2.0.2 http://www.sublimetext.com/ パッケージ管理ソフトの導入 プラグインとでもいう拡張機能Packageを導入する。 View - Show Consoleを選択。 SublimeText2の場合は以下を記載。 impo
![MacでSublime Textを導入してみた[HTML5+JavaScript+Node.js+Markdown] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/d17b55095633a131495d5298a1977bae0106dd0f/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9TWFjJUUzJTgxJUE3U3VibGltZSUyMFRleHQlRTMlODIlOTIlRTUlQjAlOEUlRTUlODUlQTUlRTMlODElOTclRTMlODElQTYlRTMlODElQkYlRTMlODElOUYlNUJIVE1MNSUyQkphdmFTY3JpcHQlMkJOb2RlLmpzJTJCTWFya2Rvd24lNUQmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTk0NDI0ZjJiZGMxZGQ5NDEwNmU0ZTc1MzVkODJiYTQz%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwYnVkb3VndW1pMDYxNyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NThiMDEwMmUwYzk1ODZhN2IyYTRkMzk1OGUxMGMxM2I%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D4c37c259668a97dc2e1aeb06a39cc37f)
Sublime Text2との恋を見送り、Adobe Bracketsに巡り会いました
永らくHTMLエディターを移ることなく過ごしてきたのですが、先日Adobe Bracketsの記事を見て一目ぼれし、インストールしてみました。ごめんな、Sublime Text…！ どうもハマれなかったSublime Text 私は普段HTMLを書くときに結構適当なエディターを使ってきたんですが、いい加減ちゃんと効率のいい、Zen-Codingにも対応してて、HTML5の予測変換も出来てSassに対応したエディターを使わなきゃなーと思ってました。 そして現れたのがSublime Text。 ”恋に落ちるエディタ”「Sublime Text」 完全入門ガイド！ | 株式会社LIG 確かに、知人友人のweb制作者達がこいつの魅力にバッタバッタとやられてました。私も望んでいる要件を満たしているこいつが気になってはいました。 恋する速度を爆速化。Sublime TextでZen-Codingを使用
Sublime Text 2の基本とカスタマイズ【Vim風】
2012年12月4日：Vim化について指摘と参考になる情報をいただいたので追記しました。 こんにちは、僕はVimユーザーです（ちなみにVimを完璧に使いこなしているわけではありません）。 今更ながら「Sublime Text 2」というナウでヤングなエディタも使いこなせるようになりたいと思い、Sublime Textの基本設定からプラグインやスニペットの作り方まで調べた内容をこの記事にまとめることにしました。 細かい情報までまとめることはできなかったので、より詳しい内容を紹介してくださっているブログやサイトへのリンクを設けています。 この情報以外にもSublime Text 2をVimに近づけるプラグインやカスタマイズ方法があればコメントいただけるとうれしいです。 また、間違いがあればコメントいただければすぐに直します。よろしくお願いします！ Sublime Text 2は有料（$59）の
意外と知らなかったSublime Text 2 で使えるショートカット | バシャログ。
どうぶつの森に行きたいminamiです。 Sublime Text2 、いいエディタですよね。僕も使ってから日が浅いのですが、毎日なにかしらの発見があります！便利なショートカットがたくさんあるので備忘的にあげてみました。操作はWindows版です。 Ctrl+P 候補のファイル名を入力していくと該当するファイルを開くことができます。 Ctrl+R JavaScriptなどでメソッドを設定していると候補を表示して移動できます。 Ctrl+L 行選択。続けて入力すると次の行も選択されます。 Ctrl+G 指定行にジャンプします。 Ctrl+D 選択範囲の文字列を一度にまとめて編集できます。 また、文字列を選択してCtrl+Dを実行するごとに、同じ文字列が選択され、そのまま内容を変更できます！ Ctrl+Shift+↑↓ 行をまるごと上下に移動できます。複数行選択しても同様です。 Ctrl+Sh
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to Code AngularJS Quickly with Sublime Text Editor - DZone
Sublime Text入門
15 Best Sublime Text Plugins for Developers | Code Geekz
Package Control
【Sublime Text】CSSプロパティを任意の順番にソートするパッケージ「CSScomb for Sublime Text」 | バシャログ。
How to Install Sublime Text 4 on Linux Systems
My Sublime Text Setup - DZone Performance
IDEA * IDEA