開發(fā)工具有很多,我們剛開學(xué)習(xí)僅靠記事本類的編輯軟件即可,以后也可以使用HBuilder等功能強大的開發(fā)工具
可以使用Sublime 、EditPlus 、NodePad++
這里使用的是Sublime
下載Sublime并安裝
安裝成功后的一些個人配置
1.安裝Emmet插件（自動生成html頭部信息）
ctrl+shift+P打開命令面板，輸入install，鼠標(biāo)點擊下面出來的Package Control:Install Package.
image.png
然后查找emmet并安裝，可能需要翻墻
安裝之后再html格式的文件中，輸入 ！,再按Tab鍵會自動生成html5的頭部信息
image.png
2.調(diào)出左側(cè)邊欄 OPEN FILES
View → Side Bar → Show Side Bar
3.配置快捷鍵，ctrl+B 快速運行至瀏覽器
Preferences → Key Bindings → User
輸入
[
{ "keys": ["ctrl+b"], "command": "open_browser" }
]
其他
sublime的快捷鍵
ctrl+l 選擇整行(按住-繼續(xù)選擇下行)
ctrl+kk 從光標(biāo)處刪除至行尾
ctrl+shift+k 刪除整行
ctrl+shift+d 復(fù)制光標(biāo)所在整行，插入在該行之前
ctrl+j 合并行(已選擇需要合并的多行時)
ctrl+ku 改為大寫
ctrl+kl 改為小寫
ctrl+kl 改為小寫
ctrl+d 選詞(按住-繼續(xù)選擇下個相同的字符串)
ctrl+m 光標(biāo)移動至括號內(nèi)開始或結(jié)束的位置
ctrl+shift+m 選擇括號內(nèi)的內(nèi)容(按住-繼續(xù)選擇父括號)
ctrl+/ 注釋整行(如已選擇內(nèi)容，同“ctrl+shift+/”效果)
ctrl+shift+/ 注釋已選擇內(nèi)容
ctrl+space 自動完成(win與系統(tǒng)快捷鍵沖突，需修改)
ctrl+z 撤銷
ctrl+y 恢復(fù)撤銷
ctrl+shift+v 粘貼并自動縮進(其它兄弟寫的，實測win系統(tǒng)自動縮進無效)
ctrl+m 光標(biāo)跳至對應(yīng)的括號
alt+. 閉合當(dāng)前標(biāo)簽
ctrl+shift+a 選擇光標(biāo)位置父標(biāo)簽對兒
ctrl+shift+[折疊代碼
ctrl+shift+] 展開代碼
ctrl+kt 折疊屬性
ctrl+k0 展開所有
ctrl+u 軟撤銷
ctrl+t 詞互換
ctrl+enter 插入行后
ctrl+shift enter 插入行前
ctrl+k backspace 從光標(biāo)處刪除至行首
ctrl+shift+up 與上行互換
ctrl+shift+down 與下行互換
shift+tab 去除縮進
tab 縮進
F9 行排序(按a-z)
