下面由sublime教程欄目給大家推薦sublime text3插件:
sublime教程推薦插件
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,節省你大量時間的插件(必備)
我們使用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高亮
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代碼補全
暫時先介紹這些,再有好玩的插件之后再來分享