| 1 | # html/js/css文件格式化
|
| 2 |
|
| 3 | ## 使用说明
|
| 4 |
|
| 5 | * 方法1：在当前目录中，使用 `jdf format` 或者 `jdf format ./test` 可直接格式化当前目录或者指定目录下的所有文件。
|
| 6 | * 方法2：在当前目录中，使用 `jdf format test.html` 可直接格式化指定的文件。
|
| 7 |
|
| 8 | ## 使用示例
|
| 9 |
|
| 10 | `jdf format` 可快速格式化文件中的代码格式，比如 `test.html` 的内容如下：
|
| 11 |
|
| 12 | <!DOCTYPE html>
|
| 13 | <html lang="en">
|
| 14 | <head>
|
| 15 | <meta charset="UTF-8">
|
| 16 | <title>Document</title>
|
| 17 | </head>
|
| 18 | <body>
|
| 19 | <div>
|
| 20 | <p><span><a href="#">jdf format</a></span></p>
|
| 21 | </div>
|
| 22 | <style>
|
| 23 | .box{font-size: 20px;font-style: bold;color: blue;}
|
| 24 | </style>
|
| 25 | <script>
|
| 26 | function test(a) {var a = 2;console.log('jdf format')}
|
| 27 | </script>
|
| 28 | </body>
|
| 29 | </html>
|
| 30 |
|
| 31 | 执行 `jdf format test.html` 或者 `jdf f test.html` 命令之后，此文件的代码会被格式化成：
|
| 32 |
|
| 33 | <!DOCTYPE html>
|
| 34 | <html lang="en">
|
| 35 | <head>
|
| 36 | <meta charset="UTF-8">
|
| 37 | <title>Document</title>
|
| 38 | </head>
|
| 39 | <body>
|
| 40 | <div>
|
| 41 | <p><span><a href="#">jdf format</a></span>
|
| 42 | </p>
|
| 43 | </div>
|
| 44 | <style>
|
| 45 | .box {
|
| 46 | font-size: 20px;
|
| 47 | font-style: bold;
|
| 48 | color: blue;
|
| 49 | }
|
| 50 | </style>
|
| 51 | <script>
|
| 52 | function test(a) {
|
| 53 | var a = 2;
|
| 54 | console.log('jdf format')
|
| 55 | }
|
| 56 | </script>
|
| 57 | </body>
|
| 58 | </html>
|
| 59 |
|
| 60 | ## 注意事项
|
| 61 |
|
| 62 | * 此工具会自动**递归格式化**指定目录中所有的html、vm、tpl、css、sass、less、js文件，其它文件会自动忽略，请谨慎指定目录。
|
| 63 | * 此工具会同时格式化html文档中包含的所有html、css、js代码。
|
| 64 | * 格式化后的代码会被覆盖保存到原文件中。 |
| \ | No newline at end of file |