真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

前端開發(fā)有哪些SublimeText應用技巧

這篇文章主要講解了“前端開發(fā)有哪些Sublime Text應用技巧”,文中的講解內(nèi)容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“前端開發(fā)有哪些Sublime Text應用技巧”吧!

創(chuàng)新互聯(lián)公司專注于企業(yè)營銷型網(wǎng)站建設(shè)、網(wǎng)站重做改版、長沙縣網(wǎng)站定制設(shè)計、自適應品牌網(wǎng)站建設(shè)、H5高端網(wǎng)站建設(shè)、成都做商城網(wǎng)站、集團公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應式網(wǎng)頁設(shè)計等建站業(yè)務(wù),價格優(yōu)惠性價比高,為長沙縣等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

1) 選擇

以下是一些Sublime Text選擇文本的快捷鍵:

  • Command + D 選中一個單詞

  • Command + L 選中一行

  • Command + A 全選
    Ctrl + Command + M` 選中括號內(nèi)所有內(nèi)容 (編寫CSS或JS時非常實用)

Sublime  Text還支持一次選中多行的操作:Furthermore, Sublime Text brings lets us select  multiple lines at once, which can significantly boost your productivity.  There are several ways to perform this feature:

  • Command 按住Command鍵再點擊想選中的行

  • Command + Ctrl + G (選中部分文本時) 按此鍵選中所有相同文本

  • Command + D (選中部分文本時) 直接選中下一次出現(xiàn)的該文本

前端開發(fā)有哪些Sublime Text應用技巧

2) CSS排序

CSS屬性的順序一般不重要,因為無論何種順序瀏覽器都能正確渲染。但排序所有的屬性還是有助于代碼的整潔。在Sublime Text中,選中CSS屬性后按F5就可以按字母順序排序。

前端開發(fā)有哪些Sublime Text應用技巧

也可以使用 CSSComb 等第三方插件,更詳細的控制排序的方法。

3) 命令面板(Command Palette)

使用命令面板可以快速完成多重任務(wù)。按Command + Shift + P調(diào)出面板,鍵入需要的命令即可??匆韵碌膸讉€示例:

▼ 重命名文件

前端開發(fā)有哪些Sublime Text應用技巧

▼ 設(shè)置文件為HTML語法

前端開發(fā)有哪些Sublime Text應用技巧

▼ 插入代碼片段

前端開發(fā)有哪些Sublime Text應用技巧

4) 切換標簽頁與工程

在同時打開多個標簽頁時,可以用以下的熱鍵切換:

  • Command + T 列出所有的標簽頁

  • Command + Shift + ] 下一標簽頁

  • Command + Shift + [ 上一標簽頁

  • Command + Ctrl + P 切換側(cè)邊欄顯示的工程

5) 拼寫檢查

如果你經(jīng)常使用Sublime Text從事英文創(chuàng)作,那么啟用拼寫檢查就非常有用處了。選擇Preferences > Settings – User菜單,添加以下代碼:

"spell_check": true,

6) 跨文件編輯

同一個編輯操作可以在多個文件中同時重復。舉個例子,多個文件中有同一段代碼時,可用以下的步驟快速編輯:

  1. 按Command + Shift + F在Find框中輸入待查找的代碼??砂碈ommand + E快速使用選擇中的代碼段。

  2. 在Where框中指定需要查找的文件范圍,或填寫表示查找目前打開的文件。

  3. 在Replace框中輸入要替換成的代碼,按Replace按鈕批量替換。

前端開發(fā)有哪些Sublime Text應用技巧

7) 文件爬蟲

按Command + R可以列出文檔中所有的CSS選擇器。可以選擇并立刻跳轉(zhuǎn)查看。這個操作比使用一般的“查找”功能快得多。

前端開發(fā)有哪些Sublime Text應用技巧


8) 更換主題

Sublime Text的外觀主題可以更換。Soda Theme就是一個不錯的主題,可以在包管理器中安裝。

前端開發(fā)有哪些Sublime Text應用技巧

如果要安裝的主題并不在在線軟件倉庫中,也可以手動安裝:

  1. 下載并解壓縮主題包

  2. 點擊菜單 Preferences > Browse Packages…

  3. 把主題文件夾復制到Packages文件夾中.

  4. 點擊菜單 Preferences > Settings – Users 并加入以下代碼:"theme": "Soda Light.sublime-theme"

9) 更換Sublime Text程序圖標

不僅主題可以更換,圖標也可以。在Dribbble上有大量重新設(shè)計的Sublime Text精美圖標。更換方法:

下載一個圖標,有.icns格式的最好。如果沒有,用iConvert轉(zhuǎn)換之。

終端執(zhí)行:

open /Applications/Sublime\ Text.app/Contents/Resources/

替換Sublime Text 3.icns或Sublime Text 2.icns文件。

前端開發(fā)有哪些Sublime Text應用技巧

8) 增強側(cè)邊欄

SideBarEnhancements插件有效地改進了Sublime Text的側(cè)邊欄。安裝插件后在側(cè)邊欄上點擊右鍵,可以找到一下新功能:在資源管理器中打開、新建文件、新建文件夾、以…打開、在瀏覽器中打開。

前端開發(fā)有哪些Sublime Text應用技巧

注:在瀏覽器中打開的熱鍵是F12。

感謝各位的閱讀,以上就是“前端開發(fā)有哪些Sublime Text應用技巧”的內(nèi)容了,經(jīng)過本文的學習后,相信大家對前端開發(fā)有哪些Sublime Text應用技巧這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!


本文名稱:前端開發(fā)有哪些SublimeText應用技巧
網(wǎng)頁路徑:http://weahome.cn/article/pijspo.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部