Webstorm common installation, configuration, shortcut keys

* Web front-end integration development tool-Webstorm

* When the installation is complete, double-click the Execute file

* Pop-up window (complete installation), click "OK" button

* Pop-up window (License Activation)-Activate Webstorm software

* Select "License server" option

* In the License server address text box, enter

http://15.idea.lanyus.com/

* Click "OK" button to

* Pop-up window (initial configuration-initialization configuration)

* Keymap Scheme-eclipse

* IDE Theme-intellij

* Editer colors and Fonts-default

* Click "OK" button

* Pop-up Welcome window (Welcome to Webstorm)

* Create new project-Creating a project

* Choose to create a new project

* Open-Opens an existing project

* Check out from version control-download project from versioning

* Create a new project

* Popup Select which type of project

* Select "Empty Project"

* In the Location input box, enter the path saved by the current project

E:\workspace\project06

* Click the "Create" button

* Configuration Webstorm

* Click on the toolbar "File", "Setting", pop Up the configuration window

* Open "editor", "Colors & Fonts" option

* option "Scheme"-Select the theme style of the editor

* Select "Colors & Fonts", "Font" option

* Select "Scheme" theme, click "Save as" button

* For the Save As theme, define the name

* In the left menu, select "Editor/colors & Fonts/font," Save as ... "button on the right side of scheme name, save a setting, then you can modify the font size and font.

* Click "Apply" button, click "OK" button

*webstorm Browser Settings: * Click menu files-"settings-" in the left menu below the location has a Web browsers option, click the Web browsers option.

When we configure the path, note that it is the path to the executable (named. exe) instead of the path to the shortcut (. lnk suffix).

*vue.js plug-in installation File-->setting-->plugins-->browse repositories, search vue.js

　

* Webstorm How to create PHP page

* Note

* Webstorm does not support PHP by default

* Download Phpstorm Software

* Configure PHP

* Click on the toolbar "File", "Setting", pop Up the configuration window

* Select "Editor", "File Types" option

* In the "recognized File Types" option, find the "PHP Files" option

* in "registers Patterns" option, click "+" button, pop up the configuration window

Input: *.php

Click on the "OK" button

* Click "Apply" button, click "OK" button

* Create PHP templates

* In the project directory operation area, the right mouse button "New", "Edit File Templates" option, pop-up Template window

* For the specific creation process, refer to "Creating PHP template. jpg"

Common operations for 1.WS:

Common shortcut keys (keymap/eclipse):

Write code, press TAB to generate code

Code Move Up/down: Ctrl+shift+up/down

Copy Current line: Ctrl+d

Delete Row: ctrl+x

Start a row again (regardless of where the cursor is): Shift+enter

Note (//or/*...*/): ctrl+/or ctrl+shift+/

Reformat the current document: Ctrl+alt+l

Refactoring-Renaming: Shift+f6

F2 or SHIFT+F2: highlighting error or warning quick location

Zencoding (Code completion):

Div+tab

Div.box+tab

Div#mybox+tab

Div*3+tab

Ul>li*3>a+tab

False text generation:

Lorem+tab

Multi-line editing:

ALT + Left Click to start multiple lines simultaneously edit

ESC exits multi-line edit mode

Webstorm common installation, configuration, shortcut keys