subline_2使用格式化html等檔案

來源:互聯網
上載者:User

標籤:外掛程式   英文   art   man   false   組合   prettify   技術   html   

SublimeText內建格式化代碼功能之reindent這篇文章主要介紹了SublimeText內建格式化代碼功能之reindent的相關資料,需要的朋友可以參考下

這是小覺在剛剛找到的一個在SublimeText中格式化代碼的方法,其實格式化代碼這個功能是SublimeText本身就有的功能,只是一直沒有被小覺發掘。

之前小覺對于格式化代碼都是複製代碼,然後粘貼到線上站長工具裡面進行代碼的格式化,但是在小覺測試了以下SublimeText內建的格式化代碼功能之後,小覺認為這已經是個多餘的步驟了。

那麼,說到這裡,SublimeText內建格式化代碼功能應該怎麼使用呢?

這個功能被SublimeText命名為reindent,如果你使用了SublimeText漢化包的話叫做“再次縮排”,但是這種叫法說不通。

該選項的路徑:Edit - Line - Reindent(中文路徑則是:編輯 - 行 - 再次縮排)

同時說明一下,該功能並不需要選中代碼之後才能執行格式化功能,其預設是格式化整個檔案裡的代碼。

接下來就說到主題了,應該如何對該格式化代碼功能進行快速鍵組合的設定呢?

1、首先通過以下路徑開啟使用者按鍵繫結檔案:

Preferences → Key Bindings – User

2、然後在其中添加以下代碼(如果你有需要的話,其中的快速鍵組合是可以自己定義的):

{"keys": ["ctrl+shift+r"], "command": "reindent" , "args": {"single_line": false}}

在這兒請注意每組快速鍵組合包含著一個中括弧裡面,通過大括弧定義一組快速鍵,然後通過英文逗號進行分隔,具體可參考:

本文到這兒就結束了嗎?不,下面說下如果SublimeText內建的格式化代碼不適合用在你所使用的語言(比如SQL、Ruby等)的話,你可以通過外掛程式的方式進行配置,具體請看下述操作:

1、以下內容基於已經你已經在你的SublimeText中安裝了package control(教程在本站有);

2、通過快速鍵組合ctrl+shift+P喚出命令選擇區

3、在面板中輸入“install package”後斷行符號

4、接著輸入“format”(即格式化的意思),在彈出的列表中找到對應你所想要進行格式化操作的語言,具體看圖:

以上內容是SublimeText內建格式化代碼功能之reindent的全部敘述,希望大家喜歡。

 

 

 Sublime text 3 如何格式化HTML/css/js代碼

使用Sublime text 3 編寫代碼是一種享受,使用Sublime text 3 格式化HTML代碼,需要安裝外掛程式,具體安裝步驟如下:

1、開啟菜單->喜好設定->外掛程式控制,輸入 install package

2、等待程式進入外掛程式管理功能,再輸入外掛程式名稱:TAG

3、點擊安裝外掛程式html-css-js prettify 。

4、外掛程式安裝成功後,在需要格式化的HTML代碼中,選中代碼,然後按Ctrl+Alt+H對代碼進行格式化。 

html-css-js prettify 格式化CSS會再每個CSS後面都添加一個換行,取消該換行的方法:

開啟:菜單>tools>html/css/js prettify>set prettify preferences

修改設定newline_between_rules的參數為false

subline_2使用格式化html等檔案

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.