Twig HTML 高级插件
这是优秀的叉子 购买液体前置插件。 。 。 .
由于Liquid和Twig相当相近,我们能够对原插件进行最小的修改,以支持Twig.
此插件用于HTML Twig模板(例如. .html.twig) (中文(简体) ). Twig可用于模板其他文件类型(.js.twig, (中文(简体) ), .xml.twig等),但这些不是此插件的目标.
它可能恰好对其中一些人起作用(例如: .xml.twig),但这是偶然的,没有官方支持.
高级 是一个有观点的代码。 它通过解析你的代码并用自己的规则重新打印来执行一个一致的样式,这些规则考虑到了最大行长,必要时会包接代码.
安装
# with npm
npm install --save-dev prettier @destination/prettier-plugin-twig
# with pnpm
pnpm add --save-dev prettier @destination/prettier-plugin-twig
插件必须在 配置。 。 。 .
{
"plugins": ["@destination/prettier-plugin-twig"]
}
配置
Twig的Pretier支持以下选项.
| 名称 | 默认 | 说明 |
|---|---|---|
printWidth | 120 | 从 Pretier 默认值中更改(80(中文(简体) )见更漂亮的文件(中文(简体) ) |
tabWidth | 2 | 与Pretier相同(见更漂亮的文件(中文(简体) ) |
useTabs | false | 与Pretier相同(见更漂亮的文件(中文(简体) ) |
singleQuote | false | 与Pretier相同(见更漂亮的文件(中文(简体) ) |
bracketSameLine | false | 与Pretier相同(见更漂亮的文件(中文(简体) ) |
twigSingleQuote | true | 在 Twig 标签和对象( 自 v. 2. 0) 中使用单引号而不是双引号 . |
embeddedSingleQuote | true | 在嵌入式语言(JavaScript, CSS, TypeScript)中使用单引出而不是双引出 <script>, (中文(简体) ), <style> (自v. 4.0起). |
htmlWhitespaceSensitivity | css | 与Pretier相同(见更漂亮的文件(中文(简体) ) |
singleLineLinkTags | false | 如果设置为 true,将打印 <link> 在单行上去除拼接符的标记 |
indentSchema | false | 如果设置为 true,将缩进 {% schema %} 标签 |
忽略代码
我们支持以下评论(通过HTML或Twig评论):
prettier-ignoreprettier-ignore-attributeprettier-ignore-attributes(别名)
他们瞄准了树上的下一个节点. 无法解析的代码不能被忽略,并且会丢出一个错误.
{# prettier-ignore #}
<div class="x" >hello world</div >
{# prettier-ignore-attributes #}
<div
x-data="{
open: false,
items: ['one', 'two', 'three']
}"
data-action="click->modal#open keydown.escape@window->modal#close"
></div>
捐款
许可证
麻省理工学院.