メインコンテンツへ移動
黯羽軽揚毎日少しずつ

Sublime Text2 プラグイン設定

無料2015-06-16#Tool#Sublime Text2插件#Sublime Text#Sublime Text2插件配置#sublime

Sublime を使いやすくするにはプラグインが必須ですが、多くのプラグインは自分で設定する必要があります。本文ではプラグイン設定ファイルパッケージを提供し、ダウンロード後直接置き換えるだけです

前言

Sublime に乗り換えて 2 週間になります。最初はプラグインなしで、その後一堆のプラグインをインストールしましたが、現在では最も使いやすい数個のプラグインだけを残しました。一部のプラグインは手動設定が必要で、それもすべて設定済みです

一.声明

筆者は様々なソフトウェアを D 盤の Program Files にインストールする習慣があります。Firefox、NodeJS などを含みます。一部のプラグインは node.exe などのファイルのパスを設定する必要があるため、インストールパスが筆者と異なる方はパスを手動で修正する必要があるかもしれません

筆者は緑色のコメントを好み、デフォルトの灰色が嫌いで、Sublime の現在の tab ページタイトルを赤色に変更しました。現在プロジェクトチームは統一して単一引用符の使用を要求しています。これらの好みが気に入らない場合は、自分で元に戻す方法を考えてください

一部のショートカットキー設定も個人の好みです。使い心地が悪い場合は自分で修正してください。後でよく使用するショートカットキーリストを提供します

二.使いやすいプラグイン

###Better Completion

コードヒント、コード補完（自動完了）機能が非常に強力で、様々な言語をサポートします。js、css、grunt 設定ファイル構文、PHP、SQL でさえも

###BracketHighlighter

括弧のペアをハイライト表示します。デフォルトの下線は確かに見にくく、これがあると便利です

###Colorcoder

色がより鮮やかなコードブロックで、白黒コードブロックに色を豊かにし、よりはっきり見えます

###CSS Format

css コードを展開/縮小します。長い css を書くときに便利です

###CSScomb

機能が非常に強力で、css ルールの順序を整理できます。例えば、幅高さ、色、余白ルールを空行で区切り、修正を容易にし、スタイルの重複を防ぎます

欠点は気性が少し変わっていて、必ず css 拡張子ファイルでなければならず、しかもファイルパスに中国語を含められない（ファイル名は中国語可）。否则 Unicode Error または node パス設定が正しくないというエラーが表示され、どう修正しても役に立ちません

###CSSLint

CSS エラーをチェックでき、重複などを提示します。主に SublimeLinter と連携して使用します。SublimeLinter は後で紹介します。非常に使いやすいものです

###DocBlockr

ドキュメントコメント生成ツールです。筆者はまさにこれが目的で来ました。note pad++ には js コメントを生成するプラグイン竟然なく、棄てました

###Emmet

最も強力なプラグインの一つです。手速が十分速くない、コーディングが遅い？心配いりません、略語があります。30 字/分でも速くコーディングできます

###GBK Encoding Support

必須のプラグインです。ある txt を開いて中文が文字化けしている場合、これを使えば正解です

###HTML-CSS-JS Prettify

主に HTML をフォーマットするために使用します。Sublime2 をサポートする HTML フォーマットプラグインは多くなく、これは比較的使いやすいです

###JsFormat

js コードをフォーマットするために使用します。あまり使用せず、主に他人のコードを読むときに使用します。気に入らないコードスタイルを見たらすぐにフォーマットします

###JSHint

js エラーをチェックでき、SublimeLinter と連携して使用します。js 構文エラーを提示できる軽量エディタで、長く待っていました

jslint プラグインは推奨しません。いつも些細なエラーを報告し、設定も修正しにくいです

注意、これだけを単独でインストールしても役に立ちません。nodejs と jshint が必要です。jshint のインストール方法はnpm install jshint -g

###Package Control

必須。プラグイン管理が非常に便利で、オンラインダウンロード後即座にインストールし再起動で有効になります。使いやすい

###SublimeLinter

最も強力なプラグインの一つです。eclipse や vs 内の赤い波線エラー提示を羨ましく思っていますか？これがあれば、簡単にエラー報告できます

###View In Browser

Sublime が html を run できない欠点を補うために使用します。デフォルトのショートカットキーは Ctrl + Alt + ブラウザの頭文字略語。例えば C ~ Chrome、F ~ Firefox、I ~ IE

三.よく使用するショートカットキー

  • Alt + X：デフォルトブラウザ（Chrome）で html を開く

  • Ctrl + Shift + J：jshint を実行

  • Ctrl + S：ファイルを保存し SublimeLinter を実行してエラーをチェック。エラー箇所には白枠で囲まれ、popup でエラーリストが表示されます

  • Ctrl + Shift + C：CSS Comb を実行して css スタイルを再配列

  • /** + Enter：js コメントを生成（API ドキュメントコメント、スタイルは JSDOC に類似）

  • Ctrl + E：Emmet を実行し、略語を展開

  • その他：コードを選択し、右クリックで実行したいプラグインを選択

四.設定パッケージダウンロード

百度網盤：ここをクリックしてダウンロード

ダウンロード後 Sublime プラグインインストールパスに解凍し、元の package フォルダを上書きするだけです

コメント

コメントはまだありません

コメントを書く