Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML Build a Simple Website Styling Content Fonts and Colors

sublime 2 to browser

I have downloaded sublime 2 and have started writing the code in the html and css tutorials. I cannot look at my code on a webpage to see how each line changes things as you do in the tutuorial. I have windows 7 and am using google crome as my browser.In the tutorial he drags the index file right to google crome and a webpage opens. this is not working for me. Thanks

F12 in Sublime should preview in broswer

4 Answers

On Mac OSX it works the same way as well, drag and drop should work fine. Make sure you have the right file/directory and dropping into the url bar also make sure you are saving your code on sublime. Another thing you can do is Shift+CMD+S and change the directory save it somewhere else and try opening it again.

Alex Bahler
Alex Bahler
8,034 Points

Ian, I would just try double-clicking on the file and it should open in your preferred browser (or right-click and choose to open with Chrome). The "drag" behavior works for me into Chrome, but I'm not sure if you're experiencing different results because you are on Windows (I'm using Mac OS X).

In the tutorials I believe Macs are being used. In Windows with Chrome running press "CTRL + t" to open a new tab. Now press "CTRL + o" to open the open file dialog box. Navigate to where your html file is and open it. Now all you have to do after you alter and save your file is refresh that browser window to see the changes. NOTE: Sometimes Chrome refresh doesn't seem to refresh so click inside the URL bar at the top of the browser and then press enter.

In the tutorials I believe Macs are being used. In Windows with Chrome running press "CTRL + t" to open a new tab. Now press "CTRL + o" to open the open file dialog box. Navigate to where your html file is and open it. Now all you have to do after you alter and save your file is refresh that browser window to see the changes. NOTE: Sometimes Chrome refresh doesn't seem to refresh so click inside the URL bar at the top of the browser and then press enter.