Знаете ли WebStorm shortcuts?


0
Вероятно сте чували за cww[tab] във VS, което ти вади Console.Writeline(). Зачудих се зали има такива "shorcuts" и в WebStorm :)



Отговори



15

Във WebStorm снипетите се подвизават под кодовото наименование Live Templates.

Ето как можеш да създадеш собствени такива: 

Settings --> Editor --> Live Templates --> JavaScript

Аз лично не съм привърженик на вградените такива, затова използвам user defined:

cl --> console.log($PARAM$); for --> for (var $INDEX$ = 0; $INDEX$ < $COUNT$; $INDEX$++) { $END$ } forin --> for (var $KEY$ in $ARR$) { if ($ARR$.hasOwnProperty($KEY$)){ $END$ } } fun --> function $NAME$($PARAM$) { $END$ } if --> if ($COND$) { $END$ } ifel --> if ($COND$) { $END$ } else { } rfor --> for (var $INDEX$ = $ARRAY$.length - 1; $INDEX$ >= 0; $INDEX$--) { $END$ } switch --> switch ($PARAM$) { case 1: console.log('Monday'); break; case 2: console.log('Tuesday'); break; case 3: console.log('Wednesday'); break; case 4: console.log('Thursday'); break; case 5: console.log('Friday'); break; case 6: console.log('Saturday'); break; case 7: console.log('Sunday'); break; default: console.log('Error!'); break; } ter --> $COND$ ? $EXPR$ : $END$; while --> while($COND$) { $END$ }



от lnikod4s (6538 точки)


0
А би ли разкрил как създаваш user defined?

от jumarto (808 точки)

1
По същия начин, само че вместо да кликаш върху определен език или технология, директно кликаш върху '+' вдясно. Новосъздаденият снипет се създава като user defined.

от lnikod4s (6538 точки)



0

CTRL + J -> за вмъкване на Live Template. Натискаш, донаписваш какво ти трябва, например "meta", enter и готово. Особено полезно, ако използваш Bootstrap например и си инсталираш неговите темплейти. 

Иначе, аз опитвам да разцъквам WebStorm и Sublime, затова гледам и да направя шорткътите им еднакви.

 

от stoberov (3451 точки)


0

БлагодаPя на lnikod4s за коментара - имах затруднения с if(){} трябваше всеки път да го пиша цялотo. А самите клавишни комбинации, които все още ги разучавам може да се видят тук: Help > Default Keymap Reference.


от M.Yankov (1418 точки)


0

Ползвам ТОЗИ готов комплект от snippet-и. Има всичко необходимо, на което си свикнал в Visual Studio !

  • Теглиш ZIP и разархивираш в  [your home directory].[product name][version number]\config\templates

Например:     C:\Users\Windows-User\.WebStorm10\config\templates\

... рестартираш WebStorm и пердашиш ;-)


от jokerbg (383 точки)


4
Също полезен ресурс е този CheatSheet с keyboard shortcuts в WebStorm, които значително улесняват и ускоряват работата. :)

от IlianaB (1137 точки)