Webstorm some setup tips after installation:

How to change the theme (font & color):
Scheme name, colors&fonts, Editor, settings, File, and so on. topics
How to get Webstorm to start without opening the project File:
File--settings->general remove reopen last project on Startup.
How to display Chinese perfectly:
The override default fonts by (not Recommended) is checked in File-settings->appearance, setting name:nsimsun,size:12
How to display line Numbers:
File--settings->editor, "show Line numbers" tick, It shows the row number
How to Code Wrap:
Editor "use Soft wraps in editor", File--settings, the code will be automatically Wrapped.
How to click on the cursor to display at the end of the Bank:
File--settings->editor "allow placement of caret after end of line" remove the Tick.
How to modify a fast key:
File--settings->keymap, and then double-click the function to modify the shortcut will have a prompt box, follow the instructions
Switch to a quick key that you are familiar with the editor:
File->settings->keymap, which supports mainstream ides like visual Studio, Eclipse, netbeans.
JavaScript class Library Hints.
Libraries, settings, javascript, File, and then select the JavaScript class library that you often use in the list, and finally download and install Ok.
When developing js, you need CTRL + RETURN to select Candidates:
Preselect the first suggestion: "Smart" to "always", Editor, Setting, File, Completion
JS hints are slower
Autopopup in Lower 1000, File--Code completion--0
Git configuration:
github, Editor, File---settings, go in to the GitHub account, not if you don't have git.
Plug-in Installation:
File->plugins, and then install the plug-ins that you choose to Force. ("css-x-fire" plugin for CSS code changes in the editor when modifying CSS properties using Firebug.) ）
Update later

Webstorm Usage Experience

Favorite Features:

When the project catalog is very large, Some subdirectories are very often open, but the level is very deep, this time you can add the directory to the favorites, add a successful, left there is a "Favorites" menu

Breadcrumbs Navigation:

In addition to the project page on the left, you can select a table of contents, and the same work can be achieved in a directory similar to site breadcrumb navigation under the top menu. Click on each directory will have a Drop-down menu to display its sub-directory, very useful.

Constructor interface:

The comment will appear if it conforms to the Format. If the JS file is the function and object of the JS class, css file is the summary of the CSS file, the HTML file is the Node's structure Diagram. In other words, this is to make it easier to see the structure of the Code.

Todo interface:

Add a todo comment to the code and the interface will appear

Two-bar Code Interface:

Right-click the file on the code tab, then right-spilt vertically (two screens) or spilt horizontally (upper and Lower)

Local History Features:
A good way to get the code back

Git uses

Webstorm only integrates common git operations, and does not completely replace command-line tools. You can see which Git branch is in the Lower-right corner of the Interface. You can also click on the toggle or create a new Branch.

To view the differences between the current code and the repository code:

Right-click any area of the code interface, choose Git---compare with and then select the repository you want to Compare.

Webstorm shortcut key Description:

Editing editing related shortcut keys

Ctrl + Space:
Basic code completion (the name of any class, method, or variable) is basically complete (any class, function, or variable name) and instead alt+s
Ctrl + Shift + Enter:
Complete statement complement current statement
Ctrl + P:
Parameter Info (within method call Arguments) parameter information includes methods invocation parameters
Ctrl + mouse over code
Brief Info Simple Info
Ctrl + F1
Show description of error or warning at caret displays the wrong message or warning message where the cursor is located
Alt + Insert
Generate code ... (Getters, Setters, constructors) Create a new file or generate code, ... constructor, you can create getter and setter methods for any field inside a class
Ctrl + O
Override methods Overloaded method
Ctrl + I
Implement Methods Implementation Method
Ctrl + Alt + T
Surround with ... (if, else, try, catch, for, etc) use * to surround the selected line of code (* including if, while, try catch, etc.)
Ctrl +/
Comment/uncomment with line Comment Comment/cancel line Comment
Ctrl + Shift +/
Comment/uncomment with block Comment block Comment/cancel block Comment
Ctrl + W
Select successively increasing code blocks choose a block, typically an incremental selection
Ctrl + Shift + W
Decrease current selection to previous state last shortcut key fallback, decrement selection code
Alt + Q
Context Info Contextual Information
Alt + Enter
Show intention actions and quick-fixes intent to act quickly
Ctrl + Alt + L
Reformat code is formatted according to the template format
Tab/shift + Tab
Indent/unindent selected lines indent selected Rows/undo indent processing
Ctrl + X or Shift + Delete
Cut or selected block to Clipboard cut the current row or selected code block to the Clipboard
CTRL + C or CTRL + Insert
Copy current lines or selected block to chipboard copy the present line or the selected code block to the Clipboard
Ctrl + V or Shift + Insert
Paste from clipboard Paste the contents of the Clipboard
Ctrl + Shift + V
Paste the latest content from the recent buffers paste buffer
Ctrl + D
Duplicate or selected block copy the current row or the selected code block
Ctrl + Y
Delete line at caret remove cursor location row
Ctrl + Shift + J
Smart line joins (html and JavaScript only) join smart lines (html and Javascript)
Ctrl + Enter
Smart Line split (html and JavaScript only) separates smart lines (html and Javascript)
Shift + Enter
Start new line from another row
Ctrl + Shift + U
Toggle case to Word at caret or selected block cursor position capitalization conversion
Ctrl + Shift +/[
Select till code block end/start selection until block End/start
Ctrl + Delete
Delete to Word end remove text ends
Ctrl + Backspace
Delete to Word start deleting text
Ctrl + numpad+/-
Expand/collapse code block expansion/reduction blocks
Ctrl + shift+ numpad+
Expand All expands all
Ctrl + shift+ numpad-
Collapse Reduce All
Ctrl + F4
Close Active Editor tab closes active edit tab
Search/replace search/replace related shortcut keys

Ctrl + F
Find code quickly within the find current file
Ctrl + Shift + F
Find path within the specified file for find in Path
F3
Find Next finds the next
Shift + F3
Find previous finds the previous
Ctrl + R
Replace the code in the current file
Ctrl + Shift + R
Replace in path specifies in-file code bulk substitution
Usage Search Search Related shortcut keys

Alt + F7/ctrl + F7
Find Usages/find usages in file found using/found in files
Ctrl + Shift + F7
Highlight usages in file files
Ctrl + Alt + F7
Show usages display using
Running run

Alt + Shift + F10
Select configuration and run Choose frame, Run
Alt + Shift + F9
Select configuration and debug selection framework, patching vulnerabilities
Shift + F10
Run runs
Shift + F9
Debug Patching Vulnerability
Ctrl + Shift + F10
Run context configuration from editor running content architecture
Ctrl + Shift + X
Run command line
debugging debugging related shortcut keys

F8
Step over does not enter function
F7
Step into single execution
Shift + F7
Smart Step into smart single-step execution
Shift + F8
Step out Jump
Alt + F9
Run to Cursor at cursor
ALT + F8
Evaluate expression Evaluation
F9
Resume Program Re-start
Ctrl + F8
Toggle Breakpoint Toggle Breakpoint
Ctrl + Shift + F8
View breakpoints Viewing breakpoints
Navigation positioning related shortcut keys

Ctrl + N
Go to class jumps to the specified class
Ctrl + Shift + N
Go to file quickly find files within a project by file name
Ctrl + Alt +shift + N
Go to symbol find function location by one character
Alt + right/left
Go to next/previous Editor tab into next/previous Editor options
F12
Go back to previous tool window enters the previous
Esc
Go to editor (from tool Window)
Shift + ESC
Hide active or last active window hides active windows
Ctrl + Shift + F4
Close active run/message/find/...tab shutdown activity .... tags
Ctrl + G
Go to line jump to the first few lines
Ctrl + E
Recent Files Popup Popup recently opened file
Ctrl + Alt + left/right
Navigate Back/forward Navigation Forward/backward
Ctrl + Shift + Backspace
Navigate to last edit location navigate to recent edits
Alt + F1
Select Current file or symbol in any view to find the location of the currently selected code or file in another interface module
CTRL + B or CTRL + Click
Go to declaration jump to definition
Ctrl + Alt + B
Go to implementation (s) Jump method implementation
Ctrl + Shift + B
Go to type declaration Jump method definition Place
Ctrl + Shift + I
Open Quick Definition Lookup opens define Quick Find
Ctrl + U
Go to Super-method/super-class Jump Method/supra
Alt + Up/down
Go to Previous/next method quickly move location between methods
Ctrl +/[
Move to code block End/start jump to end of code Block/start
Ctrl + F12
File structure popup Files structure Popup
Ctrl + H
Type hierarchy Types Hierarchy
Ctrl + Alt + H
Call Hierarchy Hierarchy
F2/shift + F2
Next/previous highlighted error jump to the next/previous bug, highlight error or warning quick location, Use this shortcut to quickly jump between the wrong statements.
F4/ctrl + Enter
Edit Source/view Source/view Source code
Alt + Home
Show navigation bar display navigation bar
F11
Toggle Bookmark Toggle Flag
Ctrl + F11
Toggle bookmark with mnemonic memory toggle Tag
Ctrl + #[0-9]
Go to numbered bookmark jump to numbered tag
Shift + F11
Show Bookmark Display Tag
Refactoring refactoring related shortcut keys

F5
Copy copy
F6
Move Mobile
Alt + Delete
Safe Delete
Shift + F6
Rename renaming
Ctrl + Alt + N
Inline Variable embedded Variable
Ctrl + Alt + M
Extract method (Javascript Only) Extract function
Ctrl + Alt + V
Introduce Variable Introducing variables
Ctrl + Alt + F
Introduce field introduction domain
Ctrl + Alt + C
Introduce Constant Introducing constants
Vcs/local History Version Control system/local Historical related shortcut keys

Alt + backquote ()
' VCs ' quick popup fast popup VCS
Ctrl + K
Commit project to VCS submit projects to VCs
Ctrl + T
Update project from VCS updating projects from VCs
Alt + Shift + C
View Recent changes see the latest changes
Common shortcut keys for general

Ctrl + Shift +a
Find action finds and invokes the function of the editor
Alt + #[0-9]
Open corresponding tool window quick switch on interface module
Ctrl + Alt + F11
Toggle Full Screen mode toggle fullscreen
Ctrl + Shift + F12
Toggle Maximizing editor Toggle maximized
Alt + Shift + F
Add to Favorites Add the current file to the Favorites folder
Alt + Shift + I
Inspect current file with current profile checks the active
Ctrl + backquote ()
Quick switch Current scheme to quickly convert existing combinations
Ctrl + Alt + S
Open Setting dialog Opens the Settings dialog box
Ctrl + Tab
Switch between tabs and tools window tags and tool window conversions (conflicts with Windows shortcut Keys)

Webstorm some setup tips after installation: