javascript - vim 在 javascript 文件中缩进 html 代码

Question

这是 gg=G 命令后我的 .js 文件中的代码示例:

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

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

同样，我只需要在 .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 标签。