sublime text介紹
常用快捷鍵:
功能 | 快捷鍵 |
---|---|
查找 | Ctrl + P 定位到精確的行(: + 行號) 定位到具體符號(@ + 符號) 匹配到具體關鍵字(# + 關鍵字) |
命令行面板 | Ctrl + shift + P |
多行選擇并操作 | Ctrl + D,Ctrl + shift + L |
將文件中的方法羅列出來以方便查找 | ctrl + r |
多行編輯:
- ctrl + d: 選中光標所占的文本,繼續操作則會選中下一個相同的文本。(愚人碼頭注:多按幾下試試)
- ctrl + click: 單擊想要編輯的每一個地方,都將創建一個光標
- ctrl + shift + f 和 alt + enter: 在你的文件查找一個文本,然后將其全部選中
- ctrl+l 選中整行,繼續操作則繼續選擇下一行,效果和 shift+↓ 效果一樣。
- ctrl+shift+l 先選中多行,再按下快捷鍵,會在每行行尾插入光標,即可同時編輯這些行。
- ctrl+alt+↑ 或 ctrl+alt+鼠標向上拖動 向上添加多行光標,可同時編輯多行。
- ctrl+alt+↓ 或 ctrl+alt+鼠標向下拖動 向下添加多行光標,可同時編輯多行。
- shift+↑ 向上選中多行。
- shift+↓ 向下選中多行。
安裝插件
然后添加安裝代碼到命令行
常用插件
- Package Control(包控制)
Sublime Text提供了絕對必要的包管理器。這是安裝下面列出的所有插件和主題的最佳方式。繼續,在包控制在安裝插件。
使用方法:進入命令面板(ctrl + shift+ p),然后鍵入 install。
包控制將加載所有可用于安裝的包。看看你可以查找并安裝自己喜歡的包. -
Alignment (代碼對齊)
一個非常簡單和易于使用的插件,使你的代碼組織和美觀。當您重溫代碼時候非常有用。
使用方法:選中要調整的行,然后按 Ctrl+ Alt + A
- BracketHighlighter
該插件提供行數列高亮的各種配對的語法符號。(就是將配對的括號等顯示在行數列上) -
Colorpicker
使用一個取色器改變顏色
使用方法: ctrl + shift + c
- Emmet
Emmet絕對的節省時間。您可以輕松快速地編寫HTML。
使用方法: ctrl + alt + enter ,并且開始輸入Emmet風格的HTML
Emmet指南
-
DocBlockr
一個真正簡單的方式來輕松地創建許多語言包括JavaScript,PHP和CoffeeScript的文檔塊。只要在函數的上面輸入/**,按Tab就可以了。DocBlockr會觀察函數需要的變量名和類型,并創建文檔塊。
-
SidebarEnhancements
在側邊欄的文件上右擊時,這個插件提供了大量更多的選擇。打開,查找,復制和粘貼,等等。
這里是老菜單和SidebarEnhanced菜單的比較。
利用chrome調試
Element面板:用于調試HTML和CSS(頁面制作相關)
Network面板:可以用于查看網站或網絡請求
Sources面板:
console:命令行工具
如何打開調試工具:右鍵選擇檢查 或者 F12打開
查看某一項元素的源代碼: