sublime text3 插件

第一步：从官网下载Sublime text3，完成安装

第二步：安装插件管理：

ctrl + ` 调出console

进入这个链接：Installation - Package Control

复制以下代码到控制台：

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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)

然后回车一下，然后重启一下Sublime text3（如果在Perferences->package settings中看到package control 这一项，则说明安装成功）。

第三步：安装插件

①：cmd + shift + p 调出命令面板，输入install后选择Package control：install Package这一选项

②：等加载完成之后，在搜索栏寻找需要的插件

第四步：常用插件

①  emmet   快速编写HTML和CSS代码

② Side Bar Enhancements  侧边栏优化（只支持3）

③Theme  Soda  更换主题 

④Clickable URLs   可点击的URL

⑤Material Theme   也是主题 效果图如下：

第五步：设置侧边栏中的HTML文件快速在浏览器中打开的快捷键

①按照下面的图片操作

② 在弹出的Sublime窗口的右侧的中括号中加入如下代码

// Chrome

{ "keys": ["command+1"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "/Applications/Google Chrome.app",

"extensions":".*"

}

},

{ "keys": ["ctrl+r"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "/Applications/Google Chrome.app",

"extensions":".*"

}

},

// Safari

{ "keys": ["command+2"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "/Applications/Safari.app",

"extensions":".*"

}

},

// Firefox

{ "keys": ["command+3"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "/Applications/Firefox.app",

"extensions":".*"

}

}

然后CMD + s  保存一下，保存后效果如下：

以上的效果就会实现侧边栏中的HTML文件快速在浏览器中打开：

操作方式为在侧边栏中选中某个文件，然后cmd + 1 ，或者 ctrl + r 此时文件就会快速在谷歌浏览器中打开，会节省很多时间。

或者是以下代码：

// Chrome

{ "keys": ["command+1"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "/Applications/Google Chrome.app",

"extensions":".*"

}

},

// Safari

{ "keys": ["command+2"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "/Applications/Safari.app",

"extensions":".*"

}

},

// Firefox

{ "keys": ["command+3"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "/Applications/Firefox.app",

"extensions":".*"

}

}