WebStorm
* 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 退出多行編輯模式