Join Ray Villalobos for an in-depth discussion in this video Using Live Preview, part of Adobe Edge Code and Brackets: First Look.
- View Offline
…Another cool feature in Brackets and in Edge Code is the Live Preview.…Live Previews are now a pretty standard feature in a lot of different editors.…The way this editor implements it, though, is a little bit different.…To get a Live Preview, you just click on the first icon…in the toolbar, that sort of looks like a little lightning bolt.…When you click on that, it'll run a copy…of Chrome with the preview of the current document.…On occasion, if you already have Chrome running, it…may give you a dialog box that says that…Chrome has to be restarted.…As of this release, Live Preview works only with Google Chrome, but…other browsers are working to implement…syncing with this editor's Live Preview feature.…
Still, Chrome is a pretty awesome browser.…Now the first thing you'll notice is that…the preview opens up in a unique IP address.…This isn't just letting you see the page you created in a web view…within an application, it's actually running a…node.js server, that will automatically update when…you make changes.…
- What are Edge Code and Brackets?
- Installing Edge Code and Brackets
- Working with files
- Adding custom fonts
- Using Edge Inspect CC