HTML代码如何格式化

HTML代码可以通过sublime中的内置命令Reindent对代码格式化，还可以安装HTML-CSS-JS Prettify插件对代码格式化

有时候我们将别人的代码复制过来的时候发现代码排列的非常杂乱无章，无法去阅读代码，今天就将和大家介绍如何使用sublime中的插件去格式化代码，有一定的参考作用，希望对大家有所帮助。

【推荐课程：HTML课程】

（1）Sublime的内置Reindent命令

打开路径：Edit-->Line-->Reindent

例：

但是sublime自带的重新缩进功能较为单一，仅仅是保证缩进正常了而已。而对于代码中写法不规范的地方，无法进行处理，它适合在简单的场景下使用，如果有复杂的情况需要安装插件

（2）HTML-CSS-JS Prettify插件

这个插件可用于Sublime Text 2和Sublime Text 3，可以用来处理HTML，CSS，JavaScript以及JSON文件

首先要先安装插件：

ctrl+shift+p打开Package Control: 然后选择install package中输入HTML-CSS-JS Prettify插件并按下enter键，重启sublime

插件安装成功，因为HTML-CSS-JS Prettify插件的使用需要Node.js运行，因此我们还要安装node.js软件，下载好后操作一下步骤“在开始--搜素文件和程序--cmd”

然后在sublime中打开一个html文件，点击右键选择HTML-CSS-JS Prettify下的Plugin Options文件打开，将路径改为安装node软件的路径，如下图

在此插件安装成功

未格式化之前：

格式化之后：

HTML-CSS-JS Prettify插件它没有删除文件中的额外空行或缩进

Artikel terbaru oleh pengarang

• 操作系统有哪些
  2019-05-14 17:44:34
• user-select如何使用？默认值是什么？
  2019-05-14 17:04:27
• windows中update是什么意思
  2019-05-14 16:22:42
• 什么是css盒子模型
  2019-05-14 16:05:37
• css的继承性是什么
  2019-05-14 15:26:59
• 什么是矢量图
  2019-05-14 14:54:31
• 什么是javabean
  2019-05-14 14:20:04
• Java中continue是什么意思
  2019-05-14 13:53:00
• C#中default什么意思
  2019-05-14 13:34:33
• 如何理解面向对象
  2019-05-14 13:06:39

Isu terkini

Penukaran automatik PX kepada ralat REM  <style>html {   font-size: calc(100vw / 3.75);      }badan {    saiz fon: 0.16rem; ...

daripada 2024-04-16 09:34:16

0

0

4687

Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...

daripada 2024-04-06 21:58:04

0

1

800

Bagaimana untuk menyelesaikan ruang kosong misteri di bahagian bawah halaman dalam CSS Saya cuba membina halaman web mudah menggunakan Bootstrap dan D3, tetapi saya tidak tahu b...

daripada 2024-04-06 20:22:15

0

1

454

Cara menggunakan komponen laravel dengan ruang letak malas livewire Saya ingin menambah rangka komponen laravel saya di dalam ruang letak livewire3 Perkara ya...

daripada 2024-04-06 20:02:10

0

2

543

Kaedah peringkat atas untuk menggantikan rentetan dengan kod HTML (dihasilkan daripada tatasusunan) Diberi rentetan seperti ini...$htmlPattern="Usernameis:#name#andusercompanyis#company...

daripada 2024-04-06 17:40:41

0

2

410

Topik-topik yang berkaitan

Lagi>

• simbol hak cipta html
• html editor dalam talian
• penghasilan laman web html
• ruang html
• apa itu html
• Bagaimana untuk menetapkan saiz fon html
• html kepada txt
• Bagaimana untuk menulis kod kotak teks html