html/js/css文件格式化

使用说明

  • 方法1：在当前目录中，使用 jdf format 或者 jdf format ./test 可直接格式化当前目录或者指定目录下的所有文件。
  • 方法2：在当前目录中，使用 jdf format test.html 可直接格式化指定的文件。

使用示例

jdf format 可快速格式化文件中的代码格式，比如 test.html 的内容如下：

  1.     <!DOCTYPE html>
  2.     <html lang="en">
  3.     <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6.     </head>
  7.     <body>
  8.     <div>
  9.     <p><span><a href="#">jdf format</a></span></p>
  10.     </div>
  11.     <style>
  12.     .box{font-size: 20px;font-style: bold;color: blue;}
  13.     </style>
  14.     <script>
  15.     function test(a) {var a = 2;console.log('jdf format')}
  16.     </script>
  17.     </body>
  18.     </html>

执行 jdf format test.html 或者 jdf f test.html 命令之后，此文件的代码会被格式化成：

  1.     <!DOCTYPE html>
  2.     <html lang="en">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>Document</title>
  6.     </head>
  7.     <body>
  8.         <div>
  9.             <p><span><a href="#">jdf format</a></span>
  10.             </p>
  11.         </div>
  12.         <style>
  13.             .box {
  14.                 font-size: 20px;
  15.                 font-style: bold;
  16.                 color: blue;
  17.             }
  18.         </style>
  19.         <script>
  20.             function test(a) {
  21.                 var a = 2;
  22.                 console.log('jdf format')
  23.             }
  24.         </script>
  25.     </body>
  26.     </html>

注意事项

  • 此工具会自动递归格式化指定目录中所有的html、vm、tpl、css、sass、less、js文件，其它文件会自动忽略，请谨慎指定目录。
  • 此工具会同时格式化html文档中包含的所有html、css、js代码。
  • 格式化后的代码会被覆盖保存到原文件中。