sublime text2 安裝及使用教程


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM