前端工具sublime text 3

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

前端工具sublime text 3_第1张图片 
另外包括插件: 
1:sidebarEnhancements(离线包) 
2:Emmet(离线包,包含两个包) 
3:Html/css/js prettify(代码格式化,整理插件) 均离线包

这里写图片描述

前端工具sublime text 3_第2张图片 
注意:将三组包都放在 brower package下,emmet需要放置两个包的。

前端工具sublime text 3_第3张图片

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

前端工具sublime text 3_第4张图片 
忘了说,这些安装的前提是 安装package control这个插件。这个插件同样有在线和离线安装。这里提供离线包:

前端工具sublime text 3_第5张图片

祝大家好运。感受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、至此,所有设置已经完成,可以在页面中按相应的热键,调用在配置文件中设置好的浏览器进行浏览。 
这一部分参考:参考文章

你可能感兴趣的:(JavaScript)