1.下載安裝包地址:https://www.sublimetext.com/2
2.安裝,一直點下一步就好,將下列選項打鈎,這樣文件右鍵就可以直接用sublime text2打開
3.新建一個html文件
先安裝Emmet插件
1.打開網站https://packagecontrol.io;然后點擊按鈕Install Now;
找到框中內容復制下來。
打開sublime text2 ,在頭部菜單欄上找view->show console ,然后把上邊內容輸入框內,按回車鍵。
等待安裝完成便可以在菜單Preferences中找到package control選項。
然后點擊Package Control選項,在搜索框中輸入Emmet,找到后即可安裝。
如果找不到Emmet 選擇Install Package,等下一個框出現的時候再輸入emmet
安裝完成后Preferences->Package Setting中可看到到Emmet選項。安裝結束。
在菜單欄Flie新建一個文件或按住Ctrl+N新建一個文件
在右下角有個plain text的標志,點擊,選擇文件類型為HTML
然后Ctrl+S保存文件,保存在你想保存的位置
這時候輸入"!"(注意一定要選擇對輸入法),然后按"Tab",神奇的發現HTML的頭部就出現了,然后進行編碼,由於我們安裝了emmet插件,每次輸入<都會有提示,很方便我們的操作。
4.emmet插件的使用
① 輸入html:5,然后按Tab鍵即可生成html文件模板。
② 輸入標簽名*數量,然后按Tab,即可生成一定數量的該標簽。
③ 輸入標簽名#ID,即可創建ID為標簽名標簽。
④ 輸入標簽名.class即可創建類為class的標簽。
比較詳細的可查看:https://www.cnblogs.com/web1/p/5825920.html
5.如果不小心將頂部菜單欄隱藏起來了該怎么辦?
1.按住Ctrl+Shifp+p,出現一個框,在框里輸入“view:”
2.選擇:“View:Toggle Menu”即可,Ok,大功告成,菜單欄終於又回來了!
6.常用操作
1.代碼字體大小改變快捷鍵ctrl+-/ctrl++
2.添加項目:將項目直接拖拽到編輯器里就可以。移除項目:在項目文件上右鍵選擇:RemoveXXXX
3.用Sublime Text對比查找兩個文檔的不同:https://jingyan.baidu.com/article/948f5924eee15dd80ff5f9ab.html
4.sublime text 2 小窗口並列顯示,點擊 view --> Layout --> Columns 2 , 3, 4 縱向並列顯示小窗口。收回變成一個窗口選擇view --> Layout -->single
5.常用快捷鍵可查看:https://www.cnblogs.com/rudong/p/7889114.html
6.格式化代碼,選中要格式化的代碼然后edit—>line—>reindent