![]() Join us for a live webinar WebStorm: Angular 2 Tips and Tricks featuring John Lindquist on May, 11th. Combining that with support for the latest TypeScript and ECMAScript 6 (2015) features, WebStorm can be a great playground for your new Angular 2 applications. ![]() WebStorm 2016.1 introduces lots of new exciting features in Angular 2 support. WebStorm is well-known for its AngularJS 1 support. Only the editor is shown, and the font and all the UI elements are larger in size. The Full screen mode expands WebStorm to the full screen and hides the top menu.įor live coding sessions on big screens, consider the Presentation mode. Cmd-Alt-O / Ctrl+Alt-Shift+N for Go to symbol.Cmd-Shift-O / Ctrl+Shift+N for Go to file.While working in the Distraction free mode, navigation between files is done with these shortcuts: To enable the Distraction free mode, select the View menu (or press Ctrl-` for the Quickly switch scheme popup) and then select Distraction free mode under View modes. In other words, nothing distracts you anymore. When you enable this mode, all the tool windows, side bars and even editor tabs are hidden, and you see only the code you’re working with. One next step you may want to try is the Distraction free mode. With the Hide all tool windows action ( Cmd-Shift-F12 / Ctrl+Shift+F12) you can maximize the editor and hide all the tool windows as the name suggest. Store the current layout as default, and then quickly go back to it if you’ve moved some things around by selecting Window | Restore default layout (or pressing Shift-F12). One non-obvious thing here is that you can save your favorite layout as the default via the Window menu. To switch the mode, simply click the gear icon on the tool window. In Docked mode, they stick to the side of the main IDE window, while in Floating mode they can be placed anywhere on the screen. You can also change the position of the tabs from the top to the left or right side of the editor, or hide them completely (see Preferences | Editor | General | Editor tabs).Īll the tool windows can be dragged around, and they behave a bit different in various modes. You can hide bars you don’t need via the View menu. You have a lot of flexibility in modifying the WebStorm layout. Tip: You may notice numbers on the tool buttons press Cmd+Number key / Alt-Number key to take you to the corresponding tool window. There’s also a Toolbar which is hidden by default, and a Tool buttons bar that shows icons corresponding to various tool windows. ![]() The third type of elements includes all the various bars like Navigation bar on the top or Status bar on the bottom. Second, there are various tool windows such as the project view on the left with the project structure, the debugger tool window that displays when you start a debugging session, or the built-in terminal. WebStorm layout has three types of major UI elements.įirst of all, there’s the editor with the right and left gutters that show line numbers, status of VSC-modified lines, errors and warnings, and some other useful info.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |