如何在 vim 中使用 html-beautify 和标准格式化 vue 文件？

【问题标题】：How to format vue file using html-beautify & standard in vim?如何在 vim 中使用 html-beautify 和标准格式化 vue 文件？
【发布时间】：2017-02-18 12:49:41
【问题描述】：

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

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

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

【问题讨论】：

试试:help filter

标签： vim format vue.js

【解决方案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

【讨论】：