How to format HTML code

HTML code can be formatted through the built-in command Reindent in sublime, and you can also install the HTML-CSS-JS Prettify plug-in to format the code

Sometimes we format other people’s code When I copied the code, I found that the arrangement of the code was very messy and I couldn't read the code. Today I will introduce to you how to use the plug-in in sublime to format the code. It has a certain reference effect and I hope it will be helpful to everyone.

【Recommended course: HTML course】

##(1) Sublime’s built-in Reindent command

Open path: Edit-->Line-->Reindent

Example:

But the re-indentation function that comes with sublime is relatively simple, it just ensures that the indentation is normal. For non-standard writing in the code, it cannot be processed. It is suitable for use in simple scenarios. If there are complex situations, you need to install the plug-in

(2) HTML-CSS-JS Prettify plug-in

This plug-in can be used for Sublime Text 2 and Sublime Text 3. It can be used to process HTML, CSS, JavaScript and JSON files.

You must first install the plug-in:

ctrl shift p Open Package Control: Then select the install package, enter the HTML-CSS-JS Prettify plug-in and press the enter key to restart sublime

The plug-in installation is successful because the use of the HTML-CSS-JS Prettify plug-in requires Node.js is running, so we also need to install the node.js software. After downloading, follow the steps "Start--Search for files and programs--cmd"

Then open an html file in sublime, right-click and select the Plugin Options file under HTML-CSS-JS Prettify to open, and change the path to the path where the node software is installed, as shown below

After successful installation of this plug-in

Before formatting:

After formatting:

HTML-CSS-JS Prettify plugin It does not remove extra blank lines in files or indent JavaScript within <script> blocks, it is a very good plugin<p><p>(3 )HTMLBeautify<strong>The HTMLBeautify plugin is a basic script that assumes your HTML is already partially formatted with individual line tags. It does not work on inline comments <p><p> (4) TidyHTML5<strong>If you are only interested in formatting HTML5, you can choose the TidyHTML5 plugin. Although it uses an external utility to perform formatting, it is bundled for Windows users. <p>Summary: The above is the entire content of this article. I hope it will be helpful to everyone in learning to use sublime. <p> <p></script>

The above is the detailed content of How to format HTML code. For more information, please follow other related articles on the PHP Chinese website!