前端工具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、至此，所有设置已经完成，可以在页面中按相应的热键，调用在配置文件中设置好的浏览器进行浏览。 

这一部分参考：参考文章