sublime text3 好用的外掛

餘木發表於2019-02-16

sublime text3 推薦外掛

Package Controller安裝

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 Controller: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程式碼補全

暫時先介紹這些，再有好玩的外掛之後再來分享

相關文章