如何在vim中使用html-beautify & standard格式化vue文件？

Question

我在学vuejs。我使用vim作为我的编辑器。

我想要格式化一个vue组件的模板部分使用html-美化，并格式脚本部分使用标准和css与css-美化。

我不确定我该怎么做？有什么建议或推荐的格式程序吗？

Answer 1

您可以使用逐行视觉模式V直观地选择所需的行，并在这些行上运行美化程序；例如，将光标定位在<script></script>标记和类型之间：Vit，然后键入:(这也将插入'<,'>，这意味着可视选定的行)，然后使用!运算符在选定的行上运行系统命令js-beautify：

:'<,'>!js-beautify

对于css和html，也选择它们的区域并运行html-beautify或css-beautify。

还要检查我关于如何分别处理每个部分的另一个答案：change-the-filetype-based-on-tags-regions-in-the-file