(In fact, faster than Webstorm/Phpstorm and lighter in terms of RAM usage)įirstly, you should have installed VS Code. Free of cost (thanks to Microsoft for making it Open Source ).VS Code provides the same functionality as Webstorm/Phpstorm.But here are a few advantages that I saw that compelled me try out VS Code – I love using Webstorm/Phpstorm and it has been the editor of my choice since several years now. Don’t worry! The debugger controls are easily available via the main Debugger UI.Been a user of Phpstorm/webstorm since long and wish to migrate to VS Code ? Skeptical about changing your IDE or the changes that it might bring along ? Fear not, for we will show you how you could setup VS code to be identical to Phpstorm/webstorm. To fix this, go to the preferences, and simply delete the touchbar folder. Pick the appropriate icon from your hard diskīecause of – I’d call it a bug – in WebStorm, if you use the Node Debugger, the debugger touchbar overrides the default touchbar, hiding the project shortcuts.Go to Preferences > Appearance & Behavior > Menus and Toolbars.Thanks to Iconscout (opens new window) for their excellent free icons got me started with this. Press the keyboard shortcut you want to useįor touchbar Macs, unfortunately it’s impossible to use the F-keys mentioned above, so instead you can configure touchbar icons and use the touchbar instead.Select the action then hit Alt + Enter to show the “Keyboard Shortcut” dialog.Type the name of the action you want to find.Cmd + Shift + A to show the Actions palette.locate the plugin via "Keymap > Plugins > ".Use the “Find Actions by Shortcut” tool find the action by typing the shortcut.Use the tree to find the Action manually.There are two main ways to change or add your own shortcuts. Use / to disambiguate folders, like s/c/app.Shift + Shift - Find anything (files, classes, assets, shortcuts, preferences, etc)Ĭlick any list (Project hierarchy, Code Structure, Find Results, etc) then:.Cmd + Shift + A - Find action (any application command tip: use this any time you can’t remember something!).Cmd + Alt + T > T - Surround with tag (then type tag name to fill in). log + Tab - convert expression to console.log() forin) + Tab - Add template with placeholders Cmd + J - Show available templates, then Tab to insert.Shift + F6 - Rename file / namespace / function / variable.F6 - Move file / namespace / function / variable.Cmd + Alt + C (then Up / Down) - Extract constant.Cmd + Alt + V (then Up / Down) - Extract variable.Alt + F7 - Find usages (whilst a file is selected).Then start typing, toggle case, copy and paste, etc.Then Arrows, Home, End, expand selection to move around.Then Ctrl + G to select same occurrences.Modifications once selected ( Smart Keys (opens new window)) Home / End - Jump to home / end on all lines.Start typing to modify text on all lines.Multi-caret operations (video here (opens new window)) Alt + drag vertically - Select multiple blocks or starts/ends of lines.Alt + Up/ Down - Expand / reduce selection bounds.Ctrl + Shift + G - Deselect next same word (backward).Ctrl + G - Select next same word (forward).Alt + double-click - Select multiple words.Works in all language (opens new window) types, even across boundaries!.Cmd + B / Cmd + Click - go to declaration / find usages (depending on context).Cmd + Shift + W - Close project (customised).Alt + F1 - Go to current file in… project, explorer, changes, browser, etc.Cmd + Shift + 1 - Select file in Project (customised).See my other article on WebStorm’s features for detailed information on many and more of the features listed below. Where I’ve added or changed a shortcut I’ve added “customised” in brackets afterwards. If you want to match power with speed get your hands on WebStorm’s extensive and intuitive keyboard shortcuts.īelow, I’ve listed 75+ essential shortcuts across multiple application areas. WorkFlowy is the most powerful web development IDE there is.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |