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使用的最小<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>The HTML5 Herald</title> <meta name="description" content="The HTML5 Herald"> <meta name="author" content="SitePoint"> <link rel="stylesheet" href="css/main.css"> </head> <body> <div id="stage"></div> <p id="output"></p> <script src="js/main.js"></script> </body> </html>：

.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个文件中的JSX标记。

vim在javascript文件中缩进html代码

1 个答案: