Webstorm Chinese tutorials and tips for sharing

Webstorm is an artifact of the front-end JavaScript development editor, which introduces Webstorm's Chinese language tutorials and skill sharing.

webstorm8.0.3 Chinese version of the download:
Baidu Network disk Download: Http://pan.baidu.com/s/1pJI9PMV

Webstorm for the development of front-end JavaScript, specifically for JavaScript development to do a lot of optimization, so that front-end engineers in front of the bright.

First, the function of Webstorm

1. Webstorm Smart Code Completion:

Support for different browser prompts, including all user-defined functions (in the project)

The code complements all the popular libraries, such as: JQuery, YUI, Dojo, Prototype, Mootools and Bindows.

2, Webstorm code format:

Not only can the code be formatted, but all rules can be defined by themselves:

3. HTML hints in code writing:

People often in the JS code to write HTML code, generally very painful, but with smart hints, it is much more fun.

And HTML can also have JS hint

4. Code navigation and usage query:

Simply press the CTRL key to click on a function or variable, and you can jump directly to the definition:

You can find functions or variables throughout the project, and you can find them using and highlighting:

5, Code refactoring (this operation some like ReSharper, familiar with the ReSharper users should get started quickly):

Support for renaming, extracting variables/functions, inline variables/functions, moving/copying, safe deletion, etc., such as:

After the inline variable is refactored, it becomes:

6. Code check and quick fix:

Can quickly find errors in the code or need to optimize the place, and give a change of opinion, quick fix.

7. Webstorm Code debugging:

8, Code structure browse:

Can quickly browse and locate

9. Code Folding:

10, package or remove the external code:

After it is removed, it becomes:

Second, webstorm commonly used shortcut keys to find/replace

Shortcut keys	Description
Ctrl+shift+n	Quickly find files within a project by file name (required)
Ctrl+shift+alt+n	Quick Find location with one character (required)
Ctrl+f	Quickly find code within a file
F3	Find the next
Shift+f3	Find Previous
Ctrl+r	In-File code substitution
Ctrl+shift+r	Specify code bulk substitution in Directory
Ctrl+shift+f	Specify in-Directory code bulk Lookup
Ctrl+r	In-File code substitution

Interface operation

Shortcut	Description
Ctrl+shift+a	Quickly find and use all the functions of the editor (must remember)
ALT+[0-9]	Quick Disassembly Function Interface module
Ctrl+shift+f12	Maximum area display code (hides other feature interface modules)
Alt+shift+f	Add the current file to the Favorites folder
Ctrl+alt+s	Open the Configuration window
Ctrl+tab	Toggle Code tab (also make this selection, less efficient)
alt+<-or	Toggle Code Tab
Ctrl+shift+n	Quickly find files within a project by file name (required)
Ctrl+shift+alt+n	Quick Find location with one character (required)
Ctrl+f	Quickly find code within a file
F3	Find the next
Shift+f3	Find Previous
Ctrl+r	In-File code substitution
Ctrl+shift+r	Specify code bulk substitution in Directory
Ctrl+shift+f	Specify in-Directory code bulk Lookup
Ctrl+r	In-File code substitution

Lazy people build Station http://www.51xuediannao.com/

Shortcut keys	Description
Ctrl+shift+a	Quickly find and use all the functions of the editor (must remember)
ALT+[0-9]	Quick Disassembly Function Interface module
Ctrl+shift+f12	Maximum area display code (hides other feature interface modules)
Alt+shift+f	Add the current file to the Favorites folder
Ctrl+alt+s	Open the Configuration window
Ctrl+tab	Toggle Code tab (also make this selection, less efficient)
alt+<-or	Toggle Code Tab
Ctrl+f4	Close the Current Code tab

Code editing

Shortcut keys	Description
Ctrl+d	Copy when moving forward
Ctrl+w	Select a word
ctrl+<-or	Jump cursor position with Word as boundary
Alt+insert	Create a new file or other
Ctrl+alt+l	Formatting code
Shift+tab/tab	Decrease/Enlarge indent (you can reduce line indentation in your code)
Ctrl+y	Delete a row
Shift+enter	Start a row again (regardless of where the cursor is)

Navigation

Shortcut keys	Description
Esc	Enter the code editing area
Alt+f1	Useful for finding the location of code in other interface modules
Ctrl+g	The code to the specified line
ctrl+]/[	Cursor to front or back of code block
Alt+up/down	Previous/Next method

Recommended configuration version Control shortcut keys

Shortcut keys	Description
CTRL + C	Submit Code
Ctrl+p	Push updates to the remote repository
Ctrl+g	The code to the specified line
ctrl+]/[	Cursor to front or back of code block
Alt+up/down	Previous/Next method

webstorm8.0.3 Chinese version of the download:
Baidu Network disk Download: Http://pan.baidu.com/s/1pJI9PMV

Webstorm Chinese tutorials and tips for sharing