javascript - Vim autoindent (gg=G) 严重破坏了 JS 缩进

Question

我的最终目标是使用 gg=G 自动缩进符合 eslintrc.js 文件的所有 JS 代码。

所以，目前我有 syntastic和 vim-javascript在我的 .vimrc

中查看我的 JS 代码

let g:syntastic_javascript_checkers=["eslint"]

假设我有一些不错的 JS，如下所示

const path = require('path');

const HtmlWebpackPlugin = require('html-webpack-plugin');

const PATHS = {
  app : path.join(__dirname, 'app'),
  build : path.join(__dirname, 'build'),
};

const commonConfig = {
  entry : {
    app : PATHS.app,
  },
  output : {
    path : PATHS.build,
    filename : '[name].js',
  },
  plugins : [
    new HtmlWebpackPlugin({
      title : 'Webpack Demo',
    }),
  ],
};

gg=G(正常模式)命令将上面的内容分解为下面的内容。

const path = require('path');

const HtmlWebpackPlugin = require('html-webpack-plugin');

const PATHS = {
app : path.join(__dirname, 'app'),
      build : path.join(__dirname, 'build'),
};

const commonConfig = {
entry : {
app : PATHS.app,
        },
output : {
path : PATHS.build,
       filename : '[name].js',
         },
plugins : [
              new HtmlWebpackPlugin({
title : 'Webpack Demo',
}),
],
    };

这不是很酷。

顺便说一下，vim-js-indent和 vim-jsx-improve也没有做任何事情。

非常欢迎任何帮助，非常感谢。

Answer 1

您的“不酷”示例是 Vim 未将您的缓冲区识别为 JavaScript 和/或未应用特定于 JavaScript 的缩进规则时获得的“通用”缩进的结果。

该代码使用这个最小设置正确缩进:

$ vim -Nu NONE --cmd 'filetype indent on' filename.js

哪个:

• 检测到您的缓冲区包含 JavaScript，
• 应用特定于 JavaScript 的缩进规则。

为确保正确缩进，您必须将此行添加到您的 vimrc:

filetype indent on