Subime使用笔记
常用插件
Package Control
Emmet
CSS Format
- 格式化CSS代码插件
DocBlockr
- 快速添加代码注释插件
Side Bar
- 增强侧边栏编辑功能、可以定位文件、复制粘贴
HTML/CSS/JS Prettify
- 格式化代码插件、支持VUE文件
主题
个人觉得非常棒的主题
Boxy Theme
非常漂亮
安装Package Control
打开控制台:View->Show Console
粘贴以下代码到控制台、回车:
import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
常见问题
1 无法格式化.vue文件代码
解决方案:
安装HTML/CSS/JS Prettify
插件、
打开: Preference > Package Settings > HTML/CSS/JS Prettify > Plugins Options - Default
找到allowed_file_extensions
配置、添加vue
支持,如
"allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg","vue"]
2 已经安装了Emmet但是无法再在.vue文件中自动完成
其实默认自动完成快捷键是:Ctrl+E
下面替换成Tab
的方法
解决方案:
已经安装了Emmet插件
打开: Preference > Package Settings > Emmet > Key Bindings - User
添加:
{
"keys": [
"tab"
],
"args": {
"action": "expand_abbreviation"
},
"command": "run_emmet_action",
"context": [
{
"key": "emmet_action_enabled.expand_abbreviation"
}
]
}