Search code examples
dreamweaversublimetext3sublime-text-plugin

Dreamweaver-like "related files" viewer and editor for Sublime Text 3


Not sure if this has been answered already as I could not find anything. I was using Dreamweaver for the longest time but switched almost immediately to Sublime last year.

The problem is I have gotten very used to viewing and editing the related CSS & JS files linked or referenced from the parent HTML file in DW-CS6.

Is there any functionality or plugin for Sublime that enables this accessibility? - See screenshot for what I'm specifically talking about.

enter image description here

Thanks in advance


Solution

  • Off the top of my head, no, but I could be wrong. Instead, use "Go to anything" - ctrl+P.

    The thought is if you are building something, you have set up a project, which adds all the files that are a part of the thing you are building. Alternatively, you can drag & drop said folder from your computer into ST3 - this is like a de facto project.

    Once done, instead of clicking style.css and searching for myCoolClass, you can just press ctrl+P and start typing. without knowing your file, I am betting you'd only have to type myc or myco before it is found. You can just review the part of the file - or pressing enter will open style.css. Now you don't need to remember that myCoolClass is in style.css vs style-desktop.css.