開發(fā)工具：任何可以編輯文本的工具都可以用來開發(fā)頁面
·文本編輯器
Sublime Text
Notepad++
EditPlus
·IDE（集成開發(fā)環(huán)境）
WebStorm
Intellij IDEA
Eclipse
Sublime Text
·跨平臺裹唆，啟動快
·多行選擇
·各種實用插件
·Snippets（代碼片段）
·支持VIM兼容模式
常用快捷鍵
·查找（Ctrl+p）
- ： 加行號可以定位到具體的行
- @? 加一個符號可以定位到一個具體的符號毡鉴，比如JS函數(shù)名，CSS選擇器名
- #? 加關鍵字匹配到具體的關鍵字
·命令面板（Ctrl+Shift+p）
·多行選擇（Ctrl+D,Ctrl+Shift+L）
·跳過Ctrl+K
·選擇全部的變量Alt+F3
常用插件
·Package Control 管理插件
·Emmet 快速編寫HTML/CSS代碼
·DocBlockr 方便的產生函數(shù)的注釋
·SideBarEnhancements 右鍵菜單增強工具
·Terminal 可直接打開命令行終端
Snippets
創(chuàng)建
tools>new snippets
補充
快捷鍵：
Ctrl+Shift+P：打開命令面板
Ctrl+P：搜索項目中的文件
Ctrl+G：跳轉到第幾行
Ctrl+W：關閉當前打開文件
Ctrl+Shift+W：關閉所有打開文件
Ctrl+Shift+V：粘貼并格式化
Ctrl+D：選擇單詞彩扔，重復可增加選擇下一個相同的單詞
Ctrl+L：選擇行麻削，重復可依次增加選擇下一行
Ctrl+Shift+L：選擇多行
Ctrl+Shift+Enter：在當前行前插入新行
Ctrl+X：刪除當前行
Ctrl+M：跳轉到對應括號
Ctrl+U：軟撤銷蒸痹，撤銷光標位置
Ctrl+J：選擇標簽內容
Ctrl+F：查找內容
Ctrl+Shift+F：查找并替換
Ctrl+H：替換
Ctrl+R：前往 method
Ctrl+N：新建窗口
Ctrl+K+B：開關側欄
Ctrl+Shift+M：選中當前括號內容春弥，重復可選著括號本身
Ctrl+F2：設置/刪除標記
Ctrl+/：注釋當前行
Ctrl+Shift+/：當前位置插入注釋
Ctrl+Alt+/：塊注釋，并Focus到首行叠荠，寫注釋說明用的
Ctrl+Shift+A：選擇當前標簽前后匿沛，修改標簽用的
F11：全屏
Shift+F11：全屏免打擾模式，只編輯當前文件
Alt+F3：選擇所有相同的詞
Alt+.：閉合標簽
Alt+Shift+數(shù)字：分屏顯示
Alt+數(shù)字：切換打開第N個文件
Shift+右鍵拖動：光標多不榛鼎，用來更改或插入列內容
鼠標的前進后退鍵可切換Tab文件
按Ctrl逃呼，依次點擊或選取，可需要編輯的多個位置
按Ctrl+Shift+上下鍵者娱，可替換行
插件：
ZenCoding
Alignment
Prefixr
Tag
Clipboard History
SideBarEnhancements
Theme – Soda
GBK to UTF8
SFTP
WordPress
PHPTidy
YUI Compressor
調試工具
Chrome
Elements 調試HTML和CSS
Network 網(wǎng)絡請求抡笼，與后端調接口
Sources 網(wǎng)站所有的資源
Console 類似命令行工具
Resources 網(wǎng)站本地數(shù)據(jù)資源
Timeline Profiles Audits調試網(wǎng)站性能
IE
·IE8+自帶調試工具
·IE6
-IETester
-Internet Explorer Developer Toolbar
