Sublime Text 3常用外掛程式及安裝方法_javascript技巧-js教程-PHP中文網

Sublime Text 3常用外掛程式及安裝方法_javascript技巧

WBOY

發布： 2016-05-16 15:25:27

原創

3196 人瀏覽過

相關教學：sublime text 3 快捷鍵大全以及設定編譯環境。

安裝Sublime Text 3插件的方法：

朋友們，小站活著不容易，全靠廣告費養著了，如果本文對你有幫助。麻煩動下手點下頁面的廣告吧，謝謝！

直接安裝

安裝Sublime text 2插件很方便，可以直接下載安裝套件解壓縮到Packages目錄（選單->preferences->packages）。

使用Package Control組件安裝

也可以安裝package control組件，然後直接線上安裝：

1.按Ctrl+`調出console（註：安裝有QQ輸入法的這個快捷鍵會有衝突的，輸入法屬性設定-輸入法管理-取消熱鍵切換至QQ拼音）

2.貼上以下程式碼到底部命令列並回車：

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

登入後複製

1. Sublime Text 3 を再起動します。

2. [環境設定] -> [パッケージ設定] にパッケージ制御項目が表示されれば、インストールは成功です。

ちなみにSublime Text2のコードも載せてください

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.path.exists(ipp) でない場合 urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf) .replace( ' ','%20' )).read()) print( 'インストールを完了するには Sublime Text を再起動してください')

この方法で正常にインストールできない場合は、ここからファイルをダウンロードして手動でインストールできます。

パッケージコントロールを使用してプラグインをインストールする方法:

1. Ctrl+Shift+P を押してコマンドパネルを表示します

2. 「install」と入力して「パッケージのインストール」オプションを表示し、Enter キーを押して、リストからインストールするプラグインを選択します。

残念ながら、一部のネットワーク環境では見慣れないネットワーク環境へのアクセスが許可されないため、ファイアウォールが設定されている場合がありますが、Sublime Text 2 はプロキシを設定できないようで、インストールパッケージのリストを取得できない場合があります。

それではメソッドの紹介です。ここでこの記事のメイントピックである、いくつかの便利な Sublime Text 2 プラグインを紹介します。

GBK エンコーディングのサポート

gb2312 の場合、Sublime Text 2 はネイティブでサポートしていません。Ctrl+Shift+P を使用してコマンドパネルを表示するか、[環境設定] -> [パッケージコントロール] を選択し、「install」と入力して [パッケージのインストール] オプションを表示し、Enter キーを押します。 Enter 「GBK Encoding Support」を選択してインストールを開始すると、左下隅のステータスバーにインストールが成功したことを示すメッセージが表示されます。この時点では、gbk でエンコードされたファイルは文字化けしません。UTF-8 に変換する必要がある場合は、[File-GBK to UTF8] で [UTF8 で保存] を選択すると表示されます。

禅コーディング

これについては説明しませんが、ZenCoding を知らない学生には、「Zencoding: HTML/CSS コードを記述する簡単な方法」を読むことを強くお勧めします。

エメット

追記: Zencoding for Sublime Text 2 プラグインの開発者は Github での共有を停止し、現在は Package Control 経由でのみインストールできます。

崇高なテキスト用の jQuery パッケージ

jQuery なしでは生きていけないなら、これは必須アイテムです ~~

崇高な接頭辞

CSS3 プライベートプレフィックス自動補完プラグインである Prefixr は、明らかに非常に便利です

崇高な接頭辞

JS 形式

JS コードの書式設定プラグイン。

SublimeLinter

lint 構文をサポートするプラグイン。リンターがエラーがあると判断したコード行を強調表示することもでき、「TODO」などの特別なコメントをすぐに見つけられるようにします。 (IntelliJ IDEAのTODO機能は非常に優れています。このプラグインとは比較できませんが、十分便利です)

SublimeLinter

プレースホルダー

そのため、この名前は、プレースホルダーテキストと HTML コードスニペットを含むプレースホルダーとして使用され、実用的です。

崇高な調整

コードの書式設定のための自動配置。伝説によれば、Sublime の最新バージョンが統合されています。

クリップボード履歴

コピー/カットしたコンテンツに簡単にアクセスできるペーストボード履歴。

構文の検出

これはコード検出プラグインです。

Nettuts フェッチ

Normalize.css や modernizr.js などのパブリックフレームワークまたはオープンソースフレームワークを使用している場合、一定期間が経過すると、オープンソースライブラリが更新されていることに気付かなかった可能性があります。プロジェクトに適している場合は、もう一度試すか、古いファイルを使い続ける必要があります。 Nettuts Fetch を使用すると、同期する必要があるファイルのリストを設定し、更新を保存できます。