首页 > 解决方案 > Visual Studio Code 中 JavaScript 文件的缩进

问题描述

VS 代码有什么问题?我声称这是导致此问题的唯一编辑器。为什么我不能自动而不是手动缩进 JavaScript 文件的行?在这个屏幕截图中(例如),我在 if 语句中有一行。此行应使用tab按钮自动缩进。这个问题有什么有效的解决方案吗?我很感激任何帮助。提前致谢。

在此处输入图像描述

标签: javascriptvisual-studio-codeindentation

解决方案


这是我在项目根目录.eslintrc.js中的文件:babel-node

module.exports = {
    "env": {
        "es6": true,
        "node": true
    },
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly"
    },
    "parser": "babel-eslint",
    "parserOptions": {
        "ecmaVersion": 2018,
        "sourceType": "module",
    },
    "plugins": [
        "prettier"
    ],
    "extends": [
        "plugin:prettier/recommended"
    ],
    "rules": {
        "prettier/prettier": ["error", {"singleQuote": true, "parser": "flow", "printWidth": 120}],
    }
};

这是我的package.json文件(开发依赖项的一部分):

    "eslint": "^6.8.0",
    "babel-eslint": "^10.0.3",
    "eslint-config-prettier": "^6.9.0",
    "eslint-plugin-babel": "^5.3.0",
    "eslint-plugin-prettier": "^3.1.2",
    "prettier": "^1.19.1",

当有rc文件并且 linter 或 prettier 包安装在本地或全局时,扩展将做出反应。看这里


推荐阅读