Do you ever find yourself sifting through folders in the sidebar trying to remember what you named that file? Can't remember if it was a jpg or a png? Maybe you just wish you could type filenames faster. No more.
Whether your making a img tag in html, setting a background image in css, or linking a .js file to your html (or whatever else people use filename paths for these days...), you can now autocomplete the filename. Plus, it uses the built-in autocomplete, so no need to learn another pesky shortcut.
If you are looking to autocomplete an image path in an HTML <img> tag:
<img src="../|" />Pressing ctrl+space, will activate AutoFileName. I list of available files where be ready to select.
Looking for an even more automatic and seemless completion? Add the following to your User Settings file:
"auto_complete_triggers":
[
{
"characters": "<",
"selector": "text.html"
},
{
"characters": "/",
"selector": "string.quoted.double.html,string.quoted.single.html, source.css"
}
]
With this, there's no need to worry about pressing ctrl+space, autocompletion with appear upon pressing /.