Over a million developers have joined DZone.

Sublime: Configure to Open HTML Page in a Web Browser

· Java Zone

Check out this 8-step guide to see how you can increase your productivity by skipping slow application redeploys and by implementing application profiling, as you code! Brought to you in partnership with ZeroTurnaround.

This article presents steps that is needed to configure Sublime to open the HTML pages you are working, in your preferred web browser.

As I started developing AngularJS apps with Sublime, I got stuck at the point where I have to manually go to appropriate folder consisting of HTML file and double-click to open it in browser or, go to existing browser having that page and refresh it. In both the case, it was quite a bit cumbersome. Ideally, I wanted some shortcut keys right from within Sublime which would have helped me open the file in browser. This is where I did some research and found the way out.

Following are the steps (for Win platform) to configure your Sublime to open the HTML page in the web browser:

  • Goto Tools > Build System and click on “New Build System”. It opens up a file with default command text such as { “cmd”:["make"] }
  • Copy and paste follow command and save the file as “Chrome.sublime-build
{
"cmd":["PATH_TO_CHROME_OR_FIREFOX","$file"]
}
  • Close Sublime and start again.
  • Goto Tools > Build System and select “Chrome”
  • Write an HTML file and use following shortcut: CTRL + B . The command would open the HTML page that you are working, in a web browser.

Happy coding with Sublime.


The Java Zone is brought to you in partnership with ZeroTurnaround. Check out this 8-step guide to see how you can increase your productivity by skipping slow application redeploys and by implementing application profiling, as you code!

Topics:

Published at DZone with permission of Ajitesh Kumar, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

The best of DZone straight to your inbox.

SEE AN EXAMPLE
Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.
Subscribe

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}