After you have downloaded Brackets to a local directory, you need to install Brackets on your machine. To start the installation on Windows and Linux you need to start the installer by double-clicking the msi or deb file that you downloaded. On OS X, you need to double-click the dmg and drag Brackets to your Application folder. That’s it! To use the Live Preview feature with Brackets, you need to have the Chrome Browser installed. Otherwise Brackets will tell you to get it the first time you want to use Live Preview.
Wouldn’t it be great to develop your website a little more interactively? And I don’t mean the usual edit, save, refresh cycle that you usually have to go through. I mean truly interactively. Now is a good time to try Live Preview that provides this interaction. Look for the Thunderbolt Icon in the upper right corner of the Brackets Window. Click on it, and Brackets will open your HTML page in Chrome. The first launch brings up this dialog, telling you a bit about Live Preview. Click OK and Chrome will launch and display the index.html page. Next, make some changes to the HTML document. You can immediately see your changes in Chrome without reloading the page. This is a great productivity boost and it makes developing HTML pages so much easier.
We briefly scratched the surface of Brackets in this post. I showed you where to download the latest version, how to install it on your machine, and how to have your first Live Preview session. I gave you a brief overview of the components that we use to build Brackets and where to find Extensions to add new features to Brackets.
Write a comment