sublime text 3使いやすいプラグイン


sublime text 3推奨プラグイン


Package Controlのインストール


1、sublime text 3を開き、ctrl+~またはメニューView>Show Consoleを押してコマンドウィンドウを開きます.2、以下のコードをコピーし、車に戻り、Package Controllerをインストールする
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())

3、shift+control+pまたはPreferences->Package Control Package Control:Install packageをクリックするとプラグインをインストールできます

ベースプラグイン


emmet


HTMLとCSSをより迅速かつ効率的に作成でき、多くの時間を節約できるプラグイン(必須)emmetマニュアル
vueカスタムラベルtabではラベルを補完できません.ソリューション:ctrl+e
      key Bindings-user,  ctrl+q
[
  {
        "keys": [
            "ctrl+q"
        ], 
        "args": {
            "action": "expand_abbreviation"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.expand_abbreviation"
            }
        ]
    }
]

less


サポートlessハイライト

AllAutocomplete


Sublime TextのデフォルトのAutocomplete機能は現在のファイルのみを考慮し、AllAutocompleteプラグインは開いているすべてのファイルを検索して一致するプロンプト語を検索します.

DocBlockr


コードのスタイルが厳しい場合は、このプラグインを使用すると、タスクを容易にすることができます.DocBlokrは、機能、パラメータ、変数を解析し、基本項目を自動的に追加するコード注釈を作成するのに役立ちます.
Preferences->Package Settings->DocBlockr->Settings-Userでjsdocs_を見つけるように設定します.extra_tags修正jsdocs_extra_tags、注釈の内容を追加することができて、私は{“jsdocs_extra_tags”:["@author某某{{date}}}}}を使うことに慣れています.
使用方法/**を返送すればよい

JavaScript Completions


jsコードのヒント、説明しないで効率はずっと速くなりました

vueプラグイン


Vue Syntax Highlight


vueコードハイライト

vuejs snippets


vueコード補完
しばらくはこれらを紹介して、面白いプラグインがあったら共有します.