Subime使用笔记（持续跟进）

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

添加：

1{
2    "keys": [
3        "tab"
4    ],
5    "args": {
6        "action": "expand_abbreviation"
7    },
8    "command": "run_emmet_action",
9    "context": [
10        {
11            "key": "emmet_action_enabled.expand_abbreviation"
12        }
13    ]
14}