Sublime Text3设置快捷键让html文件在浏览器打开

           我真的想说,这是我第一次如此执着的和一款软件这样死磕,耗时两个半天,终于安装好了,连我都开始有点佩服自己的耐心和执着了。哈哈~大家不要喷我哦,真的以前装软件要么管别人要下载好的,要么遇到问题找别人,实在不行搞不定了就放弃了,这真真的是第一次自己独立搞定的。所以,希望分享给大家,希望有用。

1 首先下载安装sublime text3

下载地址:http://www.sdifenzhou.com/sublimetext3.html

具体的安装步骤我就不赘述了,上面的下载地址里有详细的步骤,请大家参阅。

这里要特别给大家推荐一个很好的下载的地方,

史蒂芬周的博客   http://www.sdifenzhou.com

这个博客要强烈推荐,上面有很多常用工具的破解版下载地址,而且有非常详细的安装步骤,周大神真的是位非常好的人,为大家无私的分享了很多好东西,总之,非常感谢啦。

2 package control的安装

sublime text3可以安装很多插件,譬如我们要让html文件在浏览器打开,我们需要安装插件view in browser,但前提是我们需要安装package control。那么怎么安装package control呢?

网上又很多的地方,我试了晕晕乎乎的。最终被我发现一个很好的网址推荐给大家

https://packagecontrol.io/installation#Manual

一 简单的安装办法

使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令行,Sublime  Text3粘贴如下代码:

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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)

如果顺利的话,此时就可以在Preferences菜单下看到Package Settings和Package Control两个菜单了。

顺便贴下Sublime Text2 的代码:

import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

二、手动安装

可能由于各种原因,无法使用代码安装,那可以通过以下步骤手动安装Package Control:

1.点击Preferences>Browse Packages菜单

2.进入打开的目录的上层目录,然后再进入Installed Packages/目录

3.下载Package Control.sublime-package并复制到Installed Packages/目录

4.重启Sublime Text。

我们已经向成功走了一大半了,就剩一小点问题了,嘿嘿,耐心~

3 Sublime Text 3 配置浏览器预览路径 localhost

在 Sublime Text 3 中,安装 SideBarEnhancements 侧边栏增强插件。

1 SideBarEnhancements

2 插件安装完成后,首先为 SideBarEnhancements 指定默认浏览器。打开 " Preference --> Package

Settings --> Side Bar --> Settings User-User"

Sublime Text3设置快捷键让html文件在浏览器打开_第1张图片

3 在打开的文件中添加:

{

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

}

默认的浏览器可以是列表中的任意一种,在这里我选择的是Chrome,可以根据自己的情况进行选择。

4 为 SideBarEnhancements 指定默认localhsot目录。在侧边栏任意文档上点击鼠标右键,选择 "Project --> Edit Preview URLs"

Sublime Text3设置快捷键让html文件在浏览器打开_第2张图片

5 在打开的文件中添加如下内容:

{

"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" 是项目线上地址

请根据自己的情况进行修改。

6 为浏览器绑定热键。

在 Sublime Text 3 中,打开 "Preference --> Package Settings --> Side Bar --> key Bindings-User",在打开的文件中添加如下内容:

[

{

"keys": ["alt+f12"],

"command": "side_bar_open_in_browser",

"args": {

"paths": [],

"type": "testing",

"browser": ""

}

}

]

在此,我为浏览器绑定的热键是 "alt + F12",可以根据自己的使用习惯进行修改。

Sublime Text3设置快捷键让html文件在浏览器打开_第3张图片

7 至此,所有设置已经完成,可以在页面中按相应的热键,调用在配置文件中设置好的浏览器进行浏览。

Sublime Text3设置快捷键让html文件在浏览器打开_第4张图片

哈哈~~~终于完了,是不是看的很累啊,我也确实装的很累,不过还好,问题解决了,我们可以按快捷键打开html文件了。真的是在网上查阅了很多,也借鉴了很多大神的方法,小女子在此谢过了。希望对大家有用。

你可能感兴趣的:(Sublime Text3设置快捷键让html文件在浏览器打开)