use Live templates like emmet works Follow

using emmet in html, I can type .forexampleclassname and I get: <div class="forexampleclassname"></div>

is it possible to create Live template like that?

for example when I type: ..mycustomtext   and hit TAB, I want to get: console.log('mycustomtext');

I tried something like this :)