html - 如何在 WebStorm 10 中使生成的 HTML 文件自动缩进

标签 html pug webstorm auto-indent

我将 WebStorm 10 与 Jade 结合使用。生成的 HTML 不是自动缩进的,例如:

index.jade:

extends layout
    block content
        h1= title
        p Welcome to #{title}

index.html

<!DOCTYPE html><html><head><title></title><link rel="stylesheet" href="/stylesheets/style.css"></head><body><h1></h1><p>Welcome to </p></body></html>

有没有办法自动缩进生成的 HTML?

最佳答案

Windows 和 Linux 上的 Ctrl + Alt + L

Mac OS X 上的 Option + Command + L

参见 Reformatting Source Code

已更新

如果您在 Arguments: 中设置了 $FileName$ --pretty,那么输出的格式应该很好。

Screen shot

关于html - 如何在 WebStorm 10 中使生成的 HTML 文件自动缩进,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30036456/

相关文章:

php - YouTube订阅无法正常工作

WebStorm:如何将 jsx 文件类型添加到 'File > New' 列表

node.js - 设置 WebStorm + Node.js + nodemon + babel-node

jquery - 如何在鼠标滚轮上从右向左水平线性滚动?

javascript - jQuery单选按钮隐藏输入值更改

html - 在页面 SEO 上使用具有最少页面内容的 H2 标签

node.js - 用于 webstorm 的 Sass 文件观察器

css - pugjs(jade) 模板引擎加载 css 文件

jquery - 使用 Jade 和 Bootstrap 在 Node.js 上进行标签和自动完成

node.js - 在子目录中找不到 Jade 布局