Shulou(Shulou.com)06/03 Report--

Code editing

Code jump: Ctrl + left button or Ctrl + B, you can jump to the declared position of a function or variable

Call location: Alt + F7 to find the caller

Auto-completion: it is best to modify the response time, Settings- > Editors- > General- > Code Completing: Autopopup in 0.

Open the file: Ctrl + Shift + N

Open class: Ctrl + N

Open function: Ctrl + F12

Super open: double-click shift, you can search anywhere.

Copy the entire line: Ctrl + D

Delete the whole line: Ctrl + Y

Collapse current block: Ctrl + "-", collapse current block and sub-block: Ctrl + Alt + "-", collapse all blocks: Ctrl + Shift + "-"

Expand and replace the collapsed shortcut with "+"

Choice: Ctrl + W, will gradually expand from small to large. For example, press once, select word, press twice, select the expression, three times, the whole function

Reconstruct

Rename: Shift + F 6, modify function name, variable name, file name, and modify all referenced locations.

Move the file: F6 and modify the reference location of the file, including html and js files

Extraction function: Ctrl + Alt + M, the whole code is extracted into a function

Extraction variable: Ctrl + Alt + V, currently selected as a variable

Move the whole code: Ctrl + Shift + ↑↓

Package: Ctrl + Alt + T, outer package, such as if, try catch, etc.

Run & Debug

You can either Run & Debug NodeJS scripts directly or execute server-side scripts

NPM

View-> Tool Windows-> npm, you can open the npm shortcut window

You can right-click update here.

You can double-click to execute the npm command

Automatic test

You can start the test framework in IDE, such as karma.

You can automatically monitor code changes and run test scripts automatically.

Version control

Local code control

VCS-> Local history can list all the code changes since the start of the WebStorm.

Can integrate mainstream version control tools, such as git, mercurial, subversio, etc.

Through two buttons, you can complete the complete process of pull, update, merge, commit and push, which is very convenient.

Through branch management tools, you can easily switch branch work, and operate create, close and merge at the same time.

Task

Can be integrated with the mainstream Task platform, can automatically pull Task, automatically create submission records.

Shortcut key

Through Ctrl + Shift + A, you can quickly retrieve the corresponding function settings and shortcut keys through keywords.

Here is the shortcut key document

Formatting code

Shortcut key: Ctrl + Shift + L

Can be set to automatic formatting before commit

Static check

Mainstream static checking tools can be integrated

Take ESLint as an example.

You can start a static check on a single file or the entire project in IDE

New technical support

Support the latest technologies, such as the latest version of TypeScript CoffeeScript, Angular2, ES6 ES7, etc., and integrate Gulp, Grunt and other tools.

Virtual machine parameters

If the project is large, it is strongly recommended to use 64-bit jre, and modify the virtual machine memory parameters to set as large as possible according to the local physical memory.

This article only shares some basic operations commonly used by individuals, and more tips on the use of WebStorm functions. I look forward to exploring with you.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.