前端工具sublime text 3

版权声明：本文为博主原创文章，未经博主允许不得转载。

 本文提供sublime text3的安装包 版本是3114，
 百度网盘：链接：[andyfu的sublime][1] 密码：c8o0;

 
另外包括插件： 
1:sidebarEnhancements(离线包) 
2:Emmet(离线包，包含两个包) 
3:Html/css/js prettify(代码格式化，整理插件) 均离线包

 
注意：将三组包都放在 brower package下，emmet需要放置两个包的。

关闭软件 sublime text 3重启，既可以看到左下角在安装，如果需要看进度，可以 
view-> show console,打开控制台查看安装进度，离线包很快的。有些因为网络问题，在线安装会不成功，所以我这里提供了离线安装。 
安装完后：

 
忘了说，这些安装的前提是 安装package control这个插件。这个插件同样有在线和离线安装。这里提供离线包：

祝大家好运。感受sublime 简洁好用。

另外这里还有一个绑定默认浏览器，平时测试用： 
步骤： 
1、在 Sublime Text 3 中，安装 SideBarEnhancements 侧边栏增强插件。 
SideBarEnhancements 插件安装完成后，首先为 SideBarEnhancements 指定默认浏览器。打开 ” Preference –> Package Settings –> Side Bar –> Settings User-User” 
Sublime Text 3 配置浏览器预览路径 localhost的方法 
2、在打开的文件中添加：

{  "default_browser": "firefox" //one of this list: chrome, aurora, chrome, canary, chromium, opera, safari}

默认的浏览器可以是列表中的任意一种，在这里我选择的是Chrome，可以根据自己的情况进行选择。 
Sublime Text 3 配置浏览器预览路径 localhost的方法 
3、为 SideBarEnhancements 指定默认localhsot目录。在侧边栏任意文档上点击鼠标右键，选择 “Project –> Edit Preview URLs” 
Sublime Text 3 配置浏览器预览路径 localhost的方法 
4、在打开的文件中添加如下内容：

{  "E:/WEBSITE/HelloWorld/":}
{url_testing": "http://localhost:8008/",url_production": "http://equipmentmgr.sinaapp.com/" }

1、”E:/WEBSITE/HelloWorld/” 是项目在磁盘中的路径，请修改为你的项目地址 
2、”url_testing” 是你本地的 localhost 地址 
3、 “url_production” 是项目线上地址 
请根据自己的情况进行修改。 
Sublime Text 3 配置浏览器预览路径 localhost的方法 
5、为浏览器绑定热键。 
在 Sublime Text 3 中，打开 “Preference –> Package Settings –> Side Bar –> key Bindings-User”，在打开的文件中添加如下内容：

[
    { "keys": ["f4"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:/Program Files (x86)/Mozilla Firefox/firefox.exe", "extensions":".*" } }, // firefox { "keys": ["f3"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "D:/Program Files (x86)/Mozilla Firefox/firefox.exe", "extensions":".*" } }, //
    { "keys": ["f6"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:/Program Files/Internet Explorer/iexplore.exe", "extensions":".*" } }
]

在此， 
Sublime Text 3 配置浏览器预览路径 localhost的方法 
6、至此，所有设置已经完成，可以在页面中按相应的热键，调用在配置文件中设置好的浏览器进行浏览。 
这一部分参考：参考文章