sublime text3 好用的插件

sublime text3 推薦插件

Package Controller安裝

一、打開sublime text 3,按ctrl+~或者菜單View > Show Console打開命令窗口。
二、複製如下代碼,回車,安裝Package Controllerhtml

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())

三、按shift+control+p或者Preferences -> Package Control點擊Package Controller:Install package便可進行安裝插件vue

基礎插件

emmet

能夠讓你更快更高效地編寫HTML和CSS,節省你大量時間的插件(必備)
emmet使用手冊less

咱們使用vue自定義標籤tab不能補全標籤。解決方案:ctrl + eui

或者自定義在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 插件會搜索全部打開的文件來尋找匹配的提示詞url

DocBlockr

若是你遵循的編碼的風格很嚴格,這款插件可以使你的任務更容易。DocBlokr 幫助你創造你的代碼註釋,經過解析功能,參數,變量,而且自動添加基本項目。.net

配置Preferences -> Package Settings -> DocBlockr->Settings –User中找到jsdocs_extra_tags修改jsdocs_extra_tags,能夠額外添加註釋的內容,我習慣使用{"jsdocs_extra_tags":["@author 某某{{date}}"]}插件

使用方法 /**回車便可code

JavaScript Completions

js代碼提示,不解釋效率快了不少htm

vue插件

Vue Syntax Highlight

vue代碼高亮

vuejs snippets

vue代碼補全

暫時先介紹這些,再有好玩的插件以後再來分享

相關文章
相關標籤/搜索