Sublime: Configure to Open HTML Page in a Web Browser
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.