* 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"->"Size"設置字體的大小
* 點擊"Apply"按鈕,點擊"OK"按鈕
* 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):
復制當前行: Ctrl+Alt+↓
向上/下移動當前行: Alt+↑/↓
刪除當前行: Ctrl+D
注釋/取消當前行: Ctrl+/
重新格式化當前文檔: Ctrl+Alt+L
ZenCoding(代碼補全):
div+TAB
div.box+TAB
div#mybox+TAB
div*3+TAB
ul>li*3>a+TAB
假文生成:
lorem+TAB
多行編輯:
Alt+左鍵點擊 開始多行同時編輯
ESC 退出多行編輯模式