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


Sublime Text 3 安裝Package Control

 

原來Subl3安裝Package Control很麻煩,現在簡單的方法來了

一、簡單的安裝方法

使用Ctrl+`快捷鍵或者通過View->Show Console菜單打開命令行,粘貼如下代碼:

import  urllib.request,os; pf =  'Package Control.sublime-package' ; ipp =  sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open (os.path.join(ipp, pf), 'wb' ).write(urllib.request.urlopen( 'http://sublime.wbond.net/'  +  pf.replace( ' ' , '%20' )).read())

 

如果順利的話,此時就可以在Preferences菜單下看到Package Settings和Package Control兩個菜單了。

順便貼下Sublime Text2 的代碼:

import  urllib2,os; pf = 'Package Control.sublime-package' ; ipp =  sublime.installed_packages_path(); os.makedirs( ipp ) if  not  os.path.exists(ipp) else  None ; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open ( os.path.join( ipp, pf), 'wb'  ).write( urllib2.urlopen( 'http://sublime.wbond.net/'  + pf.replace( ' ' , '%20'  )).read()); print ( 'Please restart Sublime Text to finish installation' )

 

二、手動安裝

可能由於各種原因,無法使用代碼安裝,那可以通過以下步驟手動安裝Package Control:

1.點擊Preferences > Browse Packages菜單

2.進入打開的目錄的上層目錄,然后再進入Installed Packages/目錄

3.下載Package Control.sublime-package並復制到Installed Packages/目錄

4.重啟Sublime Text。

參考:

https://sublime.wbond.net/installation#st3

 

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


免責聲明!

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



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