sublime text2 安裝及使用教程

1.下載安裝包地址:https://www.sublimetext.com/2

2.安裝,一直點下一步就好,將下列選項打鉤,這樣文件右鍵就能夠直接用sublime text2打開

3.新建一個html文件

  先安裝Emmet插件html

  1.打開網站https://packagecontrol.io;而後點擊按鈕Install Now;web

  

  找到框中內容複製下來。編輯器

  打開sublime text2 ,在頭部菜單欄上找view->show console ,而後把上邊內容輸入框內,按回車鍵。字體

  等待安裝完成即可以在菜單Preferences中找到package control選項。網站

  而後點擊Package Control選項,在搜索框中輸入Emmet,找到後便可安裝。編碼

  若是找不到Emmet 選擇Install Package,等下一個框出現的時候再輸入emmetspa

       安裝完成後Preferences->Package Setting中可看到到Emmet選項。安裝結束。插件

  在菜單欄Flie新建一個文件或按住Ctrl+N新建一個文件htm

  在右下角有個plain text的標誌,點擊,選擇文件類型爲HTMLblog

  而後Ctrl+S保存文件,保存在你想保存的位置

  這時候輸入"!"(注意必定要選擇對輸入法),而後按"Tab",神奇的發現HTML的頭部就出現了,而後進行編碼,因爲咱們安裝了emmet插件,每次輸入<都會有提示,很方便咱們的操做。

4.emmet插件的使用

① 輸入html:5,而後按Tab鍵便可生成html文件模板。

② 輸入標籤名*數量,而後按Tab,便可生成必定數量的該標籤。

③ 輸入標籤名#ID,便可建立ID爲標籤名標籤。

④ 輸入標籤名.class便可建立類爲class的標籤。

比較詳細的可查看:http://www.javashuo.com/article/p-qpdmbqhy-bg.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.經常使用快捷鍵可查看:http://www.javashuo.com/article/p-eypzefue-bc.html

6.格式化代碼,選中要格式化的代碼而後edit—>line—>reindent

相關文章
相關標籤/搜索