Use of webstrom

WebStorm was born for front-end javascript development, and it has done a lot of optimization for javascript development, which makes front-end engineers shine.

1. The function

of webstorm 1. The intelligent code completion of webstorm:

supports prompts for different browsers, and also includes all user-defined functions (in the project)


Intelligent code completion of

WebStorm Intelligent code completion of WebStorm
Code completion All popular libraries are included, such as: JQuery, YUI, Dojo, Prototype, Mootools and Bindows.

2. Webstorm code formatting:

not only can the code be formatted, but all the rules can be defined by yourself:


webstorm code formatting
3. HTML tips in code writing: People

often write HTML code in js code, which is generally very painful , but with smart tips, it's much better. HTML prompts in


webstorm code writing
and there are js prompts in


HTML
. Variables, you can also find and use them and highlight: webstorm-front-end javascript development artifact 5. Code refactoring (this operation is somewhat like Resharper, users who are familiar with Resharper should get started quickly):











Supports


renaming, extracting variables/functions, inline variables/functions, moving/copying, safe deletion, etc., such as : Front-end Chinese tutorials and skills sharing 6. Code inspection and quick repair: You can quickly find errors in the code or areas that need to be optimized, and give suggestions for revisions to quickly repair. 7. Webstorm code debugging: 8. Code structure browsing: you can browse and locate quickly shift+N Quickly find files in the project by file name (required) ctrl+shift+alt+N Quickly find the location by a character (required) ctrl+F Quickly find the code in the file F3 Find the next shift+F3 Find Previous ctrl+R Replace the code in the file ctrl+shift+R Batch replace the code in the specified directory ctrl+shift+F Batch search the code in the specified directory ctrl+R Replace the code in the file Interface operation Shortcut key Description



































































ctrl+shift+A Quickly find and use all functions of the editor (must remember)
alt+[0-9] Quickly disassemble and assemble function interface modules
ctrl+shift+F12 Display code in the largest area (other function interface modules will be hidden)
alt+shift +F Add the current file to the favorites
ctrl+alt+s Open the configuration window
ctrl+tab Switch the code tab (also make this selection, less efficient)
alt+<- or -> Switch the code tab
ctrl+shift+N Via File name to quickly find the file in the project (required)
ctrl+shift+alt+N Quickly find the location by a character (required)
ctrl+F Quickly find the code in the file
F3 Find the next
shift+F3 Find the previous
ctrl+ Code replacement in R file
ctrl+shift+R Batch replacement of code in specified directory
ctrl+shift+F Batch search of code in specified directory ctrl
+R Replacement of code in file ctrl+shift+A Quickly find and use all functions of the editor (must remember) alt+[0-9] Quickly disassemble and assemble function interface modules ctrl+shift+F12 Display code in the largest area (other function interface modules will be hidden) alt+shift +F Add current file to favorites













ctrl+alt+s Open the configuration window
ctrl+tab Switch the code tab (also make this choice, which is less efficient)
alt+<- or -> Switch the code tab
ctrl+F4 Close the current code tab

Code editing


Shortcut key

Description


ctrl +D Copy current line
ctrl+W Select word
ctrl+<- or -> Jump cursor position with word as boundary
alt+Insert Create a new file or other
ctrl+alt+L Format code
shift+tab/tab Reduce/enlarge indent ( Line indentation can be reduced in the code)
ctrl+Y Delete a line
shift+enter Start a new line (no matter where the cursor is)

Navigation


shortcut key

Description


esc Enter the code editing area
alt+F1 Find the location of the code in other interface modules, quite Use ctrl
+G to go to the specified line of code ctrl +
]/[ Cursor to the front or back of the code block alt +
up/down Previous/next method The remote repository pushes the updated ctrl+G to the specified line of code












ctrl+]/[ cursor to the front or back of the code block
alt+up/down previous/next method