* Web前端集成开发工具 - WebStorm

* 安装完成后,双击执行文件

* 弹出窗口(complete installation),点击"OK"按钮

* 弹出窗口(License Activation)-激活WebStorm软件

* 选择"License server"选项

* 在"License server address"文本框中输入

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

* 点击"OK"按钮即可

* 弹出窗口(initial Configuration-初始化配置)

* Keymap scheme - Eclipse

* IDE theme - Intellij

* Editer colors and fonts - Default

* 点击"OK"按钮

* 弹出欢迎窗口(Welcome to WebStorm)

* Create new Project - 创建新工程

* 选择创建新工程

* Open - 打开已有工程

* Check out from Version Control - 从版本控制下载工程

* 创建新工程

* 弹出选择哪类工程

* 选择"Empty Project"

* 在"Location"输入框中,输入当前工程保存的路径

E:\workspace\project06

* 点击"Create"按钮

* 配置WebStorm

* 点击工具栏"File"->"Setting",弹出配置窗口

* 打开"Editor"->"Colors & Fonts"选项

* 选项"Scheme" - 选择编辑器的主题样式

* 选择"Colors & Fonts"->"Font"选项

* 选择好"Scheme"主题,点击"Save as"按钮

* 为另存为的主题,定义名称

* 在左侧的菜单中选择“Editor/Colors & Fonts/Font，在右侧Scheme Name后侧的”Save as...“按钮，另存一个设置，然后可以修改字体大小和字体。

* 点击"Apply"按钮,点击"OK"按钮

　*webstorm浏览器设置:*点击菜单 files —》 settings —》在左侧菜单中偏下的位置有一个web browsers选项，点击web browsers选项。

　　　　我们配置路径的时候要注意，是可执行文件的路径（后缀名为 .exe）,而不是快捷方式的路径（后缀名为.lnk）。　

　*vue.js插件安装   file-->setting-->plugins-->Browse repositories, 搜索vue.js

* WebStorm如何创建PHP页面

* 注意

* WebStorm默认并不支持PHP

* 下载PHPStorm软件

* 配置PHP

* 点击工具栏"File"->"Setting",弹出配置窗口

* 选择"Editor"->"File Types"选项

* 在"Recognized File Types"选项中,找到"PHP Files"选项

* 在"Registers Patterns"选项中,点击"+"按钮,弹出配置窗口

输入:*.php

点击"OK"按钮

* 点击"Apply"按钮,点击"OK"按钮

* 创建PHP模板

* 在工程目录操作区,鼠标右键"New"->"Edit File Templates"选项,弹出模板窗口

* 具体创建过程,参考"创建PHP模板.jpg"

1.WS的常用操作：

常用快捷键(Keymap/Eclipse)：

写代码，按Tab生成代码

代码向上/下移动：　　　　Ctrl+Shift+Up/Down

复制当前行：                 Ctrl+D

删除行： 　　　　　　　　Ctrl+X

重新开始一行（无论光标在哪个位置）：Shift+enter

注释（// 或者/*…*/ ）：     Ctrl+/ 或 Ctrl+Shift+/

重新格式化当前文档：     Ctrl+Alt+L

重构-重命名：  shift+f6

　　　　　　F2 或Shift+F2   ：高亮错误或警告快速定位

ZenCoding（代码补全）：

div+TAB

div.box+TAB

div#mybox+TAB

div*3+TAB

ul>li*3>a+TAB

假文生成：

lorem+TAB

多行编辑：

Alt+左键点击          开始多行同时编辑

ESC                       退出多行编辑模式