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
Sublime Text 2とCtagsの組み合わせがすごい。開発スピードUP[Mac版] | codechord
Posted 3月 28th, 2013 by codechord. 0 Comments Tweet Tweet Sublime Text 2では、Ctagsプラグインを使うことによって、コードナビゲーション（Class/Functionが定義されてるところへジャンプ）できるようになります。 これ、僕のベスト10には入ってくる、お気に入りプラグインです。 コーディング中にふとClassやFunctionの動作を知りたくなった時にいちいちFunction名をサイト内検索したり、ドキュメントサイトを開いて探さなくても、キーバインドで瞬時にそのClass/Functionが定義されてるところへジャンプして確認できると。 （こういった機能のこと、コードナビゲーションとかコードナビゲートと呼ばれているようだ。NetbeansやEclipseなんかでは標準でついてる機能なのかな。Sublime Te
![Sublime Text 2とCtagsの組み合わせがすごい。開発スピードUP[Mac版] | codechord](https://cdn-ak-scissors.b.st-hatena.com/image/square/b9a5cf08018bbc862c670b23b2b6de9a5eedb8f0/height=288;version=1;width=512/https%3A%2F%2Fcodechord.com%2Fwp-content%2Fuploads%2F2013%2F03%2Fctags.jpg)
SublimeText2の中級者 利用・設定方法
中級者向け 利用・設定方法 HTML CSS 用のエディタとして「Sublime Text 2」を使っている人の為に。 初心者向けを理解した方に、さらに利用・設定方法をできるだけ丁寧に説明しています。 WindowsXPでの利用・設定を説明しております。他OS・バージョンの方は適宜読み替えて下さい。 リンク(青字でアンダーバー付)は、全て新しいウィンドウまたはタブに表示されます。 まだまだ便利な機能・使いこなしがあると思いますので、随時更新していければと思っています。 設定 "tab_size": 2 タブの大きさ。タブでインデントを指定している場合、初期の4文字では右に行き過ぎて見づらい場合。 一時的にであれば、メニューの[View]→[Indentation]→指定 "word_wrap": false コードを画面右端で自動折り返しにしない。“true”は折り返しにする。 一時的に
SublimeTextの設定をgit管理し、複数PCで設定やパッケージを同期する。 - MANA-DOT
SublimeTextの設定をgitでバージョン管理し、複数PCで同じ設定を使う方法のメモです。 やることは簡単で、SublimeText の User Settings は同じディレクトリにまとめられてるので、そのディレクトリをバージョン管理するだけです。 このディレクトリには Package Controll の設定ファイル( Package Control.sublime-settings )も有り、ここに Package Controll で入れたパッケージのリストも記載されています。 Package Controll は SublimeText 起動時にこのファイルのパッケージを自動でインストールするので、このファイルを同期することで結果的にパッケージも同期されます。便利。 User Settings のディレクトリのありか [Preferences] -> [Settings
Sublime Text 2 のメニュー項目一覧 - blue_ham_cake1024のブログ
公式ドキュメント 非公式ドキュメント 追記 メニューの日本語化やショートカットキーの一覧(日本語付き)がありました。これを使えば分かりやすくなりそうです。 Sublime Text 2 メニュー日本語化: ゆーがいぶろぐ Sublime Text 2: ゆーがいぶろぐ Fileタブ New File 新しくファイルを作る。 Open File ファイルを開く。 Open Folder フォルダを開く。開くとエディタの左側にファイラが表示されるようになります。便利。 Open Recent 最近開いたファイルまたはフォルダを開く。 Reopen with Encoding 別のエンコードで開き直す。開いたファイルが文字化けしていたときに使います。 New View into File 今開いているファイルを新しいタブでもう一度開く。 Save 保存。 Save with Encoding エ
Windows版「Sublime text 2」で日本語をインライン入力する方法 | 株式会社WEB企画
最近、様々なブログメディアで話題になっている、“恋に落ちるエディタ”で有名な「sublime text 2」ですが、Windows環境でインストールする際は、ちょっと気をつけたいことがありましたので、ご報告いたします。 日本語入力がインライン入力にならない 「sublime text 2」をWindowsでインストールして使用すると、日本語をインライン入力してくれないというバグ？があります。Mac派のコーダー、プログラマーが多いせいか、あまり情報がないようです。 最初は我慢して使用していたのですが、やはりタイプミスをした際などに不便を感じ、我慢しきれなくなってちょっと調べてみました。 Windows版でインライン入力をする方法 結論からいいますと、プラグインを入れることで解決します。 「IMESupport for Sublime Text 2」 https://github.com/ch
[Sublime Text 2] 1つのファイルをウィンドウ分割して表示する方法 | IT女子のお気に入りフォルダ
同一ファイルを並べて表示して別の箇所を参考にしながらコーディングすることがよくあります。Sublime Text 2でも同一のファイルを縦や横に並べて表示することが可能です。（もちろん、同一ファイルだけでなく異なるファイルを並べて表示することもできます。） 通常メニューから画面を分割してファイルを表示する方法 秀丸なんかに比べると少々わかりにくいのですが、 メニューのView > Layout これで画面を分割することができます。 Columnsだと列が増えて横に並び、Rowsだと行が増えて縦に並びます。グリッド表示も可能です。 分割された画面は別のグループとして扱われます。 分割表示したいファイルを開き、File > New View into Fileでファイルのクローンを作成します。 すると同じグループ内に同一ファイルのタブが開きます。 2でできたタブをドラッグ＆ドロップするか、Vi
![[Sublime Text 2] 1つのファイルをウィンドウ分割して表示する方法 | IT女子のお気に入りフォルダ](https://cdn-ak-scissors.b.st-hatena.com/image/square/650161ef1d73e0c19e9d4be18040b59c6493e4ed/height=288;version=1;width=512/https%3A%2F%2Fsachips.byeto.jp%2Fwp%2Fwp-content%2Fuploads%2F2013%2F07%2Fsimpleclone00.png)
[超オススメ]DreamWeaverから乗り換え。Sublime Text 2のインストールと初期設定 | IT女子のお気に入りフォルダ
私の場合はマークアップ目的での使用が多いと思ったので自動補完系を選んでみました。 DrupalやWordPressなどCMSの自動補完もできるのはありがたいです。 カラースキーム（テーマ）の設定 カラーの設定は、Sublime Text2 > Preferences > Color Schemeから選択できます。 行間とかフォント種類などの設定 メニューのSublime text2 > Preference > Settings Userを選択すると「Preferences.sublime_settings」タブが立ち上がります。ここでお好みで細かな設定ができます。 { "font_size": 12, //フォントサイズ "line_padding_top": 0, //行間 "tab_size": 2, //タブサイズ "translate_tabs_to_spaces": false
![[超オススメ]DreamWeaverから乗り換え。Sublime Text 2のインストールと初期設定 | IT女子のお気に入りフォルダ](https://cdn-ak-scissors.b.st-hatena.com/image/square/08880f9b473b3d31133161861f195ecc8064e601/height=288;version=1;width=512/https%3A%2F%2Fsachips.byeto.jp%2Fwp%2Fwp-content%2Fuploads%2F2013%2F05%2FSublimeText0.png)
Sublime Text: 特定の拡張子とシンタックスハイライトを紐付ける :: log.chocolateboard
Sublime Text: 特定の拡張子とシンタックスハイライトを紐付ける Sunblime Text でファイルを開いたときに、拡張子に合わせてデフォルトで適用するシンタックスハイライトを設定する方法。 特定の拡張子のついたファイルを開いている状態で View -> Syntax -> Open all with current extension as … から適用したい Syntax を選択するだけです。 この設定はどこに記述されるのか？Preferences -> Setting – More -> Syntax Specific – Default から設定ファイルが開けます。下記のように拡張子が追加されているはず。 { "extensions": [ "ect" ] } この設定ファイルは、Syntax 毎に作られ、下記に保存されるようです。 /Sublime Text 2/P
Sublime Text2 言語パッケージ作成：補完定義 - Qiita
言語パッケージは、Tab キーを押したときに残りが表示されるようにするための「補完定義」と、カラーハイライトなどを行うための「構文定義」の２つの側面を定義したものです。まずは、コード補完に関するファイルを作成します。その後で構文定義も作成しますが、長いため別記事に書きます。 事前準備 まずは、仮の構文定義ファイルとして、拡張子が .tmLanguage のファイルをパッケージディレクトリに作成しておきます。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> <plist version="1.0"> <dict> <key>fileTypes
Sublime Text2 言語パッケージ作成：構文定義 - Qiita
補完定義編 の続き（のつもり）です。この記事の内容は、Sublime Text ドキュメントの Syntax Definitionsを元ネタとしています。 事前準備 AAAPackageDev をインストールします。 構文定義ファイル自体は Plist という XML もどきの形式ですが、長ったらしくて書くのが面倒なため、JSON で書きます。AAAPackageDev は JSON で書いた構文定義を Plist に変換してくれるツールです。 JSON-tmLanguage の作成 メニューから Tools > Packages > Package Development> New Syntax Definition とアクセスして、ファイルを作成します。エディタにこのように表示されているはずです。 { "name": "Syntax Name", "scopeName": "sourc
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Sublime Text 2の基本とカスタマイズ【Vim風】
2012年12月4日：Vim化について指摘と参考になる情報をいただいたので追記しました。 こんにちは、僕はVimユーザーです（ちなみにVimを完璧に使いこなしているわけではありません）。 今更ながら「Sublime Text 2」というナウでヤングなエディタも使いこなせるようになりたいと思い、Sublime Textの基本設定からプラグインやスニペットの作り方まで調べた内容をこの記事にまとめることにしました。 細かい情報までまとめることはできなかったので、より詳しい内容を紹介してくださっているブログやサイトへのリンクを設けています。 この情報以外にもSublime Text 2をVimに近づけるプラグインやカスタマイズ方法があればコメントいただけるとうれしいです。 また、間違いがあればコメントいただければすぐに直します。よろしくお願いします！ Sublime Text 2は有料（$59）の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
layer8.sh
[Mac] Sublime Text 2 の設定をDropboxで同期する（シンボリックリンクの作成方法）![[Mac] Sublime Text 2 の設定をDropboxで同期する（シンボリックリンクの作成方法）](https://cdn-ak-scissors.b.st-hatena.com/image/square/0a7f9bc1296baaecaf2081ef1df0fe36481ecdae/height=288;version=1;width=512/https%3A%2F%2Fm.designbits.jp%2Fmedia%2Fskitched-20130512-162638.png)
re-dzine.net situs togel online toto 2023 -
https://toybox-design.net/?p=488
http://ntcncp.net/2012/12/21/sublime-useful-tips