Webstorm tips
How to change the theme (color & font):
. File -> Settings -> Editor -> Fonts & Colors -> scheme name Theme Download
How to make webstorm not start when opening a project file:
File -> Settings-> General to remove Reopen last project on startup.
How perfect display Chinese:
File -> Settings-> the Appearance in check Override default fonts by (not recommended) , set Name: NSimSun, Size: 12
How to display line number:
File -> Settings-> Editor, "a Numbers Show Line" check mark, it shows the line number
How to wrap the code:
File -> Settings -> Editor "in the Use Soft Wraps Editor" ticked, the code word wrap up
How click the cursor is displayed at the end of the Bank:
File -> Settings-> Editor "Placement of the Allow caret the After End of Line" to remove the hook on the line.
How to modify fast bond:
File -> Settings-> Keymap, and then double-click the shortcut you want to modify the function of the prompt box will come out, follow the prompts
Into their familiar fast bond Editor:
File -> Settings-> Keymap, support like Visual Studio, Eclipse, NetBeans such mainstream IDE.
javascript library prompt.
File -> settings -> Javascript - > Libraries -> then choose their own frequently used javascript libraries in the list, and finally Download and Install ok.
Js found in the development, needs ctrl + return to selected candidates:
File -> Setting -> Editor -> Code Completion -> Preselect the Suggestion at The First: "Smart" was changed to "Always"
js prompt relatively slow
File -> Code Completion -> Autopopup in 1000 to 0
git Configuration:
File -> Settings -> Editor -> github, github change into account, if not git does not.
Plug-in installation:
File -> plugins, and then choose to have the force to install the plug-in ( "css-X-fire" plug, for use when css firebug modify attributes, css code within the editor will change.).
After the update Oh! ! !
Webstorm use of experience:
Favorites feature:
When the project directory is very large, some subdirectories open very often, but the level and deep, this time can be added to the catalog favorites inside, after successfully added, the left has a "Favorites" menu
Breadcrumbs:
In addition to the left side of the project pages, you can select a directory outside, there is a similar site breadcrumbs same directory can also achieve the same function at the top of the menu. Click on each directory there will be a drop-down menu that appears under its subdirectories, very practical.
Interface Builder:
Comment form as they would appear. If the file is a function js js and object class; css file if the file is a generalization of this css; if HTML file is a configuration diagram of the node. Saying these is the structural codes for easy viewing.
todo interface:
to add the code todo comment will appear this interface
Two-column interface code:
Right-click the file on the Code tab, then right -> spilt vertically (left and right screen) or spilt horizontally (upper and lower screen)
Local History function:
to retrieve a good way to code
WebStorm integrated git use
webstorm only integrated git common operations, and can not completely replace the command-line tool. In the lower right corner of the interface which can be viewed in a git branch. Above may be changed by clicking or new branches.
See the difference with the current code repository code:
Right-click on any area code interface, select git -> compare with and select the repository to compare.
Webstorm shortcuts Description:
Editing edit the shortcut
Space + ctrl:
Basic Completion code (The name of the any class, Method or variable) to complete the basic codes (any class, function name or variable), to Alt + S
+ The Enter the Shift + Ctrl:
Complete complement the current statement of Statement
P + ctrl:
the Parameter info (Method Call WITHIN arguments) method call parameter information comprises a parameter
Mouse over code + Ctrl
the Brief Info simple information
F1 + Ctrl
Show the Description of error or warning AT caret error message is displayed at the cursor position or warnings
The Insert + alt
the Generate code ... (Getters, Setters, Constructors) file or generate a new code ... constructor, which can create any type of getter and setter methods fields
O + ctrl
Override Methods overloads
The I + Ctrl
Implement Methods Implementation
T + Alt + Ctrl
Surround with ... (IF, the else, the try, the catch, for, etc) * to use around selected lines of code (* including if, while, try catch, etc.)
+ Ctrl /
the Comment / uncomment line with the Comment Line comment / Cancel line comments
+ The Shift + Ctrl /
the Comment / uncomment with the Comment Block comment Block / cancellation block comments
W is + ctrl
the Select successively Increasing Blocks selected block code, generally selected increment
The Shift + W + Ctrl
Decrease Current Selection to roll back the shortcuts of previous state, select code Reduction
Q + alt
the Context info context information
+ The Enter alt
Show at intention Actions Quick-fixes and intent action, rapid results
The Alt + L + ctrl
the Reformat template format code according to the code format
The Tab / Na'tab'al the Shift +
the Indent / the Unindent Selected Lines selected lines indent treatment / deactivation process indent
Or the Shift + + X-ctrl the Delete
Cut Line or Current Block Selected Clipboard to the current line or a selected block to the clipboard
Or C + + ctrl ctrl the Insert
the Copy Selected Block to Current Line or chipboard copy of the current line or selected block to the clipboard
+ V or the Shift + Ctrl Insert
Paste from Clipboard to paste the contents of the clipboard
The Shift + V + Ctrl
Paste from recent Results buffers paste buffer latest content
D + ctrl
Duplicate Current Block Selected Line or copy the current line or selected block
The Y-+ Ctrl
the Delete Line Delete AT caret location of the cursor line
The Shift + J + Ctrl
Smart Line the Join (HTML and JavaScript only) to Smart Line (HTML and JavaScript)
The Enter + Ctrl
Smart Line Split (HTML and JavaScript only) Intelligent separation line (HTML and JavaScript)
+ The Enter the Shift
Start new new new line Line
The Shift + U + Ctrl
Toggle Case for Word AT position caret or selected block cursor case conversion
The Shift + + ctrl] / [
the Select End Block Till code / Start block selection until the end / begin
The Delete + Ctrl
the Delete to delete the text End End Word
+ Backspace Ctrl
the Delete to delete the text began to Start Word
NumPad +/- + ctrl
Expand / Collapse Block code extension / reduction block
The Shift + NumPad + + Ctrl
Expand All to expand all
Numpad + the Shift + Ctrl
Collapse all down
F4 + Ctrl
use Close the Active Editor to edit the Tab Close active tag
Search / replace search / replace shortcuts,
Ctrl + F
to quickly find the code in the Find current file
The Shift + F + Ctrl
the Find in files to find the path specified in the path
F3
the Find the Next Find Next
F3 + the Shift
the Find Previous Find Previous
Ctrl + R
inner Code Replace the current file alternative
The Shift + R + Ctrl
Replace the code in a batch file in the path specified alternative
Usage Search Search shortcuts,
F7 + alt / Ctrl + F7
the Find Usages / found using the Find Usages in File / found in the file
The Shift + F7 + Ctrl
Highlight Usages in File file wonderful use
+ Alt + F7 Ctrl
Show Usages display use
Running run
The Shift + F10 + alt
the Select RUN Select the Configuration and architecture, running
The Shift + F9 + alt
the Select the Configuration and select Debug architecture, bug fixes
F10 + the Shift
the Run Run
+ F9 the Shift
Debug bug fixes
The Shift + F10 + Ctrl
the Run context from the Configuration Editor to run from the Edit Content Framework
The X-+ the Shift + Ctrl
the Run command line to run the Command Line
Debugging Debugging shortcuts,
The F8
the Step over function does not enter
F7
the Step INTO single step
+ F7 the Shift
Smart smart step through the STEP INTO
F8 + the Shift
the Step OUT jump
The F9 + alt
the Run to Run to Cursor Cursor
The F8 + alt
the Evaluate expression expression assessed
F9
Resume Program restart the program
The F8 + ctrl
the Toggle Breakpoint Toggle Breakpoint
The Shift + F8 + Ctrl
View Breakpoints view Breakpoints
Navigation locate the relevant shortcuts
N + ctrl
Go to jump to a specific class category
The Shift + N + Ctrl
Go to File to quickly find files by file name within the project
+ The Shift + Alt + Ctrl N
Go to Symbol lookup function of the position by a character
Right + alt / left
Go to the Next / Previous Editor the Tab to the next / previous editor options
F12
Go to the Back Previous Tool window to enter on a tool window
Esc
Go to Editor (from Tool window) into the Editor from the Tools window
The Esc + the Shift
Hide the Active or the Active window Last hide the active window
The Shift + F4 + Ctrl
use Close the Active RUN / the Message / the Find / ... activities ... close the Tab label
G + Ctrl
Go to Line Jump to the first few lines
E + Ctrl
Recent Files popup pop recently opened files
+ Alt + Left Ctrl / Right
the Navigate the Back / Forward navigation forward / backward
+ The Shift + Backspace Ctrl
the Navigate to Last Edit LOCATION navigation to locate the nearest editor
F1 + alt
the Select Current File or Symbol View to find the location in the any of the currently selected file in the code or other interface modules
Or B + + ctrl ctrl the Click
Go to jump to the definition Declaration
The Alt + B + ctrl
Go to Implementation (S) at the jump-implemented method
The Shift + B + Ctrl
Go to the jump method of the type defined at declaration
The I + the Shift + Ctrl
Open Open the Lookup Definition Quick defined Quick Find
U + Ctrl
Go to Super-Method, / Super-class jump method / super class
Up + alt / Down
Go to Previous / Next Method move quickly between the positioning method
+ Ctrl] / [
the Move to End code Block / End Start jump to the coding block / Start
F12 + Ctrl
File Structure File Structure pop popup
H + Ctrl
Type Hierarchy type hierarchy
H + Alt + Ctrl
Call Hierarchy Call Hierarchy
F2 / the Shift + F2
the Next / Previous Highlighted error to jump to the front after a / an error, highlight errors or warnings to quickly locate, use this shortcut you can quickly jump between the error in the statement.
F4 / Ctrl + the Enter
Edit Source / Source Code View Source edit / view the source code
Home + alt
Show Navigation bar to display the navigation bar
The F11
the Toggle switch labeled Bookmark
The F11 + ctrl
the Toggle Bookmark switching flag memory with use of mnemonic
+ # Ctrl [0-9]
Go to Numbered. Bookmark Jump to a numbered marker
F11 + the Shift
Show Bookmark display marker
Refactoring Remodeling shortcuts
F5
Copy copies
F6
the Move Mobile
The Delete + alt
Safe safely remove the Delete
+ F6 the Shift
Rename to rename
The Alt + N + ctrl
Inline embedded variables Variable
The Alt + M + ctrl
the Extract Method, (Javascript only) extraction function
The Alt + V + ctrl
the Introduce Introduce Variable Variable
The Alt + F. + Ctrl
the Introduce Field, incorporated domain
The Alt + C + ctrl
the Introduce incorporated by Constant Constant
VCS / Local History Version Control System / local history-related shortcuts
BACKQUOTE + alt ()
'pop-up flash popup VCS VCS'quick
K + Ctrl
the Commit Project to submit the project to VCS VCS
T + Ctrl
Update from Project Update Project from the VCS VCS
The Shift + C + alt
View recent Results Changes view the latest change
General common shortcuts,
A + the Shift + Ctrl
the Find Action locate and call features editor
# + Alt [0-9]
the Open window quickly switch to open the Corresponding Tool Interface Module
The F11 + the Alt + ctrl
the Toggle Full Screen MODE full screen mode.
The Shift + F12 + Ctrl
Toggle switches maximize the Maximizing Editor Editor
The Shift + F + alt
the Add to Favorites to add the current file to Favorites
The I + the Shift + alt
the Inspect Current File check the current file with current profile using current property
BACKQUOTE + ctrl ()
Quick Switch Current conventional rapid conversion scheme in combination
S + Alt + Ctrl
Open Setting Dialog Settings dialog box opens
The Tab + Ctrl
Switch the BETWEEN Tool window tabs and labels and conversion tool window (and windows shortcuts conflict)