Browser Preview

[burn4ever]

Hey,
is it possible to preview/open my html/css code from Sublime with an shortcut in a Browser?

[agibsonsw]

If you choose the Tools menu, Build System, New Build System and create this:

Code: Select all

{
   "cmd": ["C:\\Users\\Andrew\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe", "$file"]
}

Save this file using the extension 'sublime-build' in your User folder. This opens the displayed page in whichever browser you identify. ($file means the current file.)

Then you can run it by choosing Tools, Build System 'YourNewBuild'. After you've used it once. then pressing Ctrl-B should in future cause it to run your build.

I haven't worked out yet how to assign it to some other shortcut key - perhaps it needs to be converted to a macro or command?

Andy.

[handycam]

Interesting. This seems to work for Mac users:

Code: Select all

{
    "cmd": ["/Applications/Safari.app/Contents/MacOS/Safari", "$file"]
}


Except it opens the Sublime console and displayed this 3 times:

Code: Select all

2012-02-09 16:34:06.860 Safari[64689:707] CFPropertyListCreateFromXMLData(): Old-style plist parser: missing semicolon in dictionary.

Edit: the messages only happend the first time, when Safari launched. Can you prevent the console from opening on a build, though?

[rchl]

Might be better to use "open" command on Mac which should open file in the default browser.
And also add "selector" so that one doesn't have to change to proper build system manually.

Code: Select all

{
    "cmd": ["open", "$file"],
    "selector": "text.html, source.html, text.xml",
}

[handycam]

Except open would open it in the default app, which I have set to Sublime. Right?

[burn4ever]

Might be better to use "open" command on Mac which should open file in the default browser.
And also add "selector" so that one doesn't have to change to proper build system manually.

Code: Select all

{
    "cmd": ["open", "$file"],
    "selector": "text.html, source.html, text.xml",
}

Okay,
but the "open" command only opens the dialog box to open a new document.....in my case

[burn4ever]

Soory guys,
but if I´m creating an build-file like this:

Code: Select all

{
   "cmd": ["/Applications/Safari.app", "$file"],
   "selector": "text.html, source.html, text.xml"

}


nothing happend!?
Any hint for me?

[agibsonsw]

handycam originally suggested this was needed

Code: Select all

"/Applications/Safari.app/Contents/MacOS/Safari"

Not sure if you've tried this already. You also need to then choose this option from Tools/ Build System/ Whatever.

[svenax]

As for OS X, you really want

Code: Select all

"cmd": ["open", "-a", "Safari", "$file"]

to force Safari to open the file. You can of course substitute Google Chrome or Firefox if you want.

[ryentzer]

As for OS X, you really want

Code: Select all

"cmd": ["open", "-a", "Safari", "$file"]

to force Safari to open the file. You can of course substitute Google Chrome or Firefox if you want.

How do I learn to do this? What I'm referring to is how would someone know to try:

Code: Select all

"cmd": ["open", "-a", "Safari", "$file"]

Is this python code?

Thanks,
Rick