In my spare time I would like to use Sublime Text to write some small pieces of HTML5 code. Every time after I finish the edit, I have to manually open the html page via Chrome manually, which is very inconvenient. Thanks to the great flexibility of Sublime Text, we can create our own plugin with minor effort to make things done automatically:
Edit html page in Sublime Text -> click some short key defined by ourselves -> html page is opened by Chrome
(1) Open Sublime Text, menu Tools->New Plugins, then a python file is automatically created for us as below.
Then paste the following simple python source code:
import sublime, sublime_plugin
import webbrowser
class OpenBrowserCommand(sublime_plugin.TextCommand):
def run(self,edit):
window = sublime.active_window()
window.run_command('save')
url = 'file://' + self.view.file_name()
webbrowser.open_new(url)
The logic is quite easy: first save the currently edited file, get its path and open it via the default browser installed in your laptop. Save it into /Packages/User. Rename the file as you wish, for example “open_browser.py”.
(2) Tools->Command Palette, then click “Preferences: Key Bindings – User”:
paste the following source code:
[{ "keys": ["ctrl+shift+b"], "command": "open_browser" }]
it means you tell Sublime Text to execute your plugin “open_browser” when the combination key “ctrl+shift+b” is pressed. Now it is done. After you press the keys you configured, the default browser will be opened by your plugin.
要获取更多Jerry的原创文章,请关注公众号"汪子熙":
相关推荐
Sublime Text 3143 是一款广受欢迎的文本编辑器,专为程序员和开发者设计。这个纯净版指的是没有预装任何额外的插件或组件,仅包含了...通过Package Control,用户可以按需扩展功能,打造属于自己的个性化开发环境。
此外,Sublime Text 3的用户界面简洁且可自定义,你可以根据自己的喜好调整主题、字体、快捷键等设置,打造属于自己的开发环境。丰富的插件库也是Sublime Text 3的一大亮点,你可以通过Package Control这个插件管理...
Sublime Text 3 是一款备受...安装完成后,用户可以根据自己的开发习惯调整编辑器设置,安装必要的插件,从而充分利用Sublime Text 3 提供的强大功能。对于mac用户来说,Sublime Text 3 是一个不可或缺的高效开发工具。
总的来说,"Theme - Default.zip" 包含了Sublime Text 3默认界面的所有元素,理解这些元素并知道如何自定义它们,可以使用户创建出更符合自己工作习惯的开发环境。通过调整颜色方案、界面布局和快捷键,每个开发者都...
**Sublime Text Build 3143 x64 纯净版** Sublime Text是一款广受欢迎的文本编辑器,...如果你是初次接触Sublime Text,可以先体验这个纯净版,然后根据自己的需要逐步添加合适的插件,打造属于自己的个性化开发环境。
Sublime Text 允许用户自定义快捷键、主题、语法高亮等,打造属于自己的工作环境,提高个人编程体验。 10. **实时预览**: 对于网页开发来说,Sublime Text 可以通过一些插件实现实时预览功能,让你在编写代码的...
**Sublime Text 3** 是一款广受...安装后,用户可以通过设置个性化配置、安装插件以及调整快捷键布局,来打造属于自己的理想开发环境。总之,Sublime Text 3 不仅是一款强大的文本编辑器,更是提升开发效率的重要工具。
Sublime Text 3是一款广受开发者喜爱的代码编辑器,尤其在64位系统环境下运行的版本,被誉为“性感的编辑器”。这款编辑器以其高效、轻量级...通过不断的自定义和插件扩展,每个用户都能打造出属于自己的理想开发环境。
**Sublime Text 作为一款备受推崇的代码编辑器,...开发者可以自定义设置、安装插件以满足个人需求,打造属于自己的高效开发环境。在实际工作中,不断探索和学习这些工具的高级用法,将使你在编程道路上更加得心应手。
**Sublime Text编辑器是许多开发者钟爱的代码编辑工具,因为它轻量级、...希望这个教程对你在Sublime Text中的Vue.js开发工作有所帮助,也欢迎你探索更多Sublime Text的个性化设置和插件,打造属于自己的高效开发环境。
Sublime Text是一款广受欢迎的文本编辑器,尤其在程序员和开发者群体中享有极高声誉。...用户可以根据自己的需求,通过修改右键菜单、安装插件等方式进一步定制这款编辑器,以满足个性化的开发和编辑需求。
Sublime Text 3是一款广受开发者喜爱的轻量级代码编辑器,以其高效、易用和高度可定制性而闻名。...通过安装和配置插件,用户可以根据个人喜好和项目需求进一步定制化Sublime Text 3,打造属于自己的理想开发环境。
用户可以根据自己的需求调整编辑器的主题、字体、快捷键设置等,甚至可以通过安装社区开发的插件来扩展功能。Package Control是Sublime Text的一个重要插件管理工具,提供了大量的第三方插件,如Git集成、Emmet...
**Sublime Text 3** 是一款广受欢迎的文本编辑器,...其丰富的插件和高度的可定制性使得每个用户都能根据个人需求进行优化,提升开发效率。如果你是程序员或对文本编辑有高要求的用户,Sublime Text 3 绝对值得一试。
在Sublime Text 3中,个人设置是提升开发效率的关键因素,因为它们允许用户根据自己的习惯和需求调整编辑器的行为。在本教程中,我们将深入探讨如何管理和优化Sublime Text 3的个人设置。 首先,Sublime Text 3 的...
可以根据自己的实际情况对内容进行适当的扩充.相信语法简单的大家都能看得懂.我就不赘述了.新增backbone.以上.如果有版权问题,本人概不负责.####安装方法就跟平常的ST2插件安装方法一样.屌丝版:自个把包下下来扔到...
总之,Sublime Text的配置是一个持续优化的过程,根据个人习惯和项目需求调整设置,结合丰富的插件库,能打造出一款专属于自己的高效开发工具。希望这份资源包能为你的Sublime配置之路提供有价值的参考。
在编程的世界里,文本编辑器扮演着至关重要的角色,而Sublime Text 3作为一款备受程序员喜爱的轻量级编辑器,拥有丰富的插件生态,让开发工作更加便捷高效。其中,“ColorTail:升华文字的彩色尾巴3”是一款独特的...
1. **代码编辑器插件**:如VSCode或Sublime Text的插件,可以帮助开发者实现语法高亮、自动补全、格式化代码等功能,提高编写代码的速度和准确性。 2. **模块打包工具**:如Webpack或Rollup,能够将多个模块打包成...
例如,VS Code、Sublime Text 和 Atom 等编辑器不仅功能强大,而且社区活跃,拥有丰富的插件支持。 - **轻量级开发环境**:不需要特别复杂的集成开发环境(IDE)。一个强大的文本编辑器加上必要的插件已经足够支撑...