JavaScript 文件中的 vim 缩进 html 代码

Question

下面是 gg=G 命令后我的.js文件中的代码示例：

class ChannelSection extends React.Component{
    render(){
        return(
            <div>
            <ChannelList channels={channels} />
            <ChannelForm />
            </div>
        )   
    }   
}

如您所见，html 标记具有相同的缩进。我希望它像在 html 文件中一样 - 嵌套块进一步缩进。一些可以提供帮助的插件？

同样，我只需要缩进.js文件中的 HTML 标签，而不是.html文件中。

Answer 1

你可以使用 mxw/vim-jsx。这个插件需要pangloss/vim-javascript，所以你应该同时安装它们。

这是我与 vim-plug 一起使用的最小.vimrc：

set nocompatible
filetype off
call plug#begin()
Plug 'pangloss/vim-javascript'
Plug 'mxw/vim-jsx'
call plug#end()
let g:jsx_ext_required = 0

请注意，我将g:jsx_ext_required设置为 0，因为您希望编辑.js文件中的 JSX 标记。

Answer 2

没有插件，只是作为临时的快速解决方案，我发现命令:set filetype=html（别名为 :set ft:html）非常有效。这对我来说效果很好，因为我在 HTML 上的工作很少但很持久。

仅使用 = 通过gg=G或选定部分缩进整个文件。

做。现在恢复到以前的文件类型（在您的情况下，js）执行反向:set ft=javascript并继续

原样。

如果您不知道默认文件类型，请在执行此操作之前使用 :set filetype?。