You should be working with the root level of your project, essentially the “/” level of your website. To fix this, just to go the top item (it’ll be a folder name), click it, and choose the folder where your files exists. If you are editing a file from folder X but you have folder Y open, live preview will usually not work. The first thing try is also the simplest: make sure you have the right project open! On the left bar, where your file tree exists, you are able to pick your open folder. If you are unable to edit this file you should hit F5 to reload the editor or go to Debug > Reload with Extensions.ĭoing this well let you use Brackets preview in different browsers. json file, where should look for “livedev.multibrowser” which needs to be set to true, not false.
You did this right? Simply go to File > Enable Experimental Live Preview. Live Preview edition not working? Here are the things you should try to fix it. This is annoying, but generally less of a problem. That is, you could have editing but no CSS selector highlighting. Live Preview Editing and Live Preview Highlighting break independently of one another.It’s worth noting that there are three main issues here that might need fixing: Here are some things to try if your live preview tool seems broken. Having trouble getting Brackets’ Live Preview tool to work? Brackets is an excellent text editor and the price is right (free!) but live preview can sure be fickle.