係統粉 > 係統教程 > 電腦軟件教程

Brackets編輯器怎樣自動格式化HTML代碼,Brackets編輯器自動格式化HTML代碼的操作方法

發布時間:2017-07-04 14:41:23    瀏覽數:

今天給大家帶來Brackets編輯器怎樣自動格式化HTML代碼,Brackets編輯器自動格式化HTML代碼的操作方法,讓您輕鬆解決問題。

Brackets是一個很好用的輕量級編輯器,在ubuntu軟件中心可以找到,使用它寫前端代碼非常方便,而且配合Chrome瀏覽器具有實時預覽功能,但是在使用的時候發現沒有格式化代碼的功能,經過一番摸索終於找到,下麵分享給大家

具體方法如下:

1

先打開Brackets編輯器,可以看到左邊是目錄,右邊是代碼區。

打開一個HTML文件,右上角有個閃電樣子的圖標就是實時預覽功能,需要電腦中安裝Chrome瀏覽器

2

其他的編輯器比如sublime之所以強大是因為有很多插件的支持,可以打造最適合自己的編輯器,那Brackets有沒有插件呢?經過一番尋找終於找到:

點擊文件--擴展管理器

可以看到裏麵有很多插件

3

而格式化代碼是比較常用的功能,裏麵會不會有呢?先模糊搜索一下把,輸入format關鍵字搜索,看見的第一個插件Beautify,名字聽起來不錯,再看下介紹:Format JavaScript, HTML, and CSS files,正和我們的需要,點擊安裝它把~

4

安裝完成先別著急關掉擴展管理器,點擊Beautify下麵的更多信息,進入它在github的主頁,往下看可以看到這樣一行字:

Format HTML, CSS, and JavaScript files by Edit > Beautify menu or Cmd-Alt-L(Mac) / Ctrl-Alt-L(Win) key.

也就是說從Edit-Beautify可以找到它,而且快捷鍵是Ctrl+Alt+L

5

因為是ubuntu係統,Ctrl+Alt+L默認是鎖屏的快捷鍵,跟它有衝突,所以按下後直接就鎖屏了,再看一下編輯中的選項,發現不但有個Beautify還有個Beautify On Save,也即保存後就自動格式化,把它勾上,然後弄亂自己的HTML代碼試一下把~~~

以上就是Brackets編輯器怎樣自動格式化HTML代碼,Brackets編輯器自動格式化HTML代碼的操作方法教程,希望本文中能幫您解決問題。

上一篇:索尼各機型手動進入fastboot模式用什麼方式,索尼各機型怎麽手動進入fastboot模式 下一篇:MyEclipse怎麼設置代碼在保存時自動進行格式化,MyEclipse設置代碼在保存時自動進行格式化的方法

電腦軟件相關教程