如何在 vscode 中禁用自動刪除行空間？

Question

我在編碼時使用vs代碼編輯器，

我有 javaScript 文件，我想在保存文件 vsCode 格式后禁用頂部“導入包/文件”中的自動刪除行

例如，這是默認設置。

import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
import React from 'react';
import HomeScreen from '../screens/HomeScreen'; // it's just stuck here i want to add line between packages and my own components/files

我所期望的“一條線”

import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
import React from 'react';

import HomeScreen from '../screens/HomeScreen'; 

這是我的 vsCode 設置。json

{
  "window.zoomLevel": 1,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.formatOnSave": true,
  "files.autoSave": "afterDelay",
  "editor.codeActionsOnSave": {
    "source.organizeImports": true
  },
  "files.autoSaveDelay": 100000,
  "git.enableSmartCommit": true,
  "git.autofetch": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "diffEditor.ignoreTrimWhitespace": true,
  // "vscode_custom_css.imports": [
  //     "file:///Users/anas/Documents/synthwave84.css"
  // ],
  "vscode_custom_css.imports": [
    "file:///Users/anas/.vscode/extensions/webrender.synthwave-x-fluoromachine-0.0.9/MyOwnCssThemes.css"
  ],
  "vscode_custom_css.policy": true,
  // "editor.fontFamily": "Operator Mono, Menlo, Monaco, 'Courier New', monospace",
  // "editor.fontFamily": "Hack Nerd Font",
  // "editor.fontFamily": "Fira Code",
  "editor.fontFamily": "JetBrains Mono",
  "editor.fontLigatures": true,
  "editor.fontSize": 16,
  "editor.lineHeight": 25,
  "editor.letterSpacing": 0.5,
  "files.trimTrailingWhitespace": true,
  "editor.fontWeight": "200",
  "editor.cursorStyle": "line",
  "editor.cursorWidth": 3,
  "editor.cursorBlinking": "solid",
  "editor.renderWhitespace": "all",
  "editor.multiCursorModifier": "ctrlCmd",
  "workbench.iconTheme": "vscode-icons",
  "explorer.confirmDelete": false,
  "workbench.sideBar.location": "left",
  "sync.gist": "0bb71633d5c9e82031d21eb9d25f6dd2",
  "workbench.colorTheme": "1984 - Unbolded",
  "terminal.integrated.rendererType": "canvas",
  "terminal.integrated.shell.osx": "/bin/zsh",
  "terminal.integrated.fontFamily": "Hack Nerd Font",
  "editor.suggestSelection": "first",
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  "files.exclude": {
    "**/.classpath": true,
    "**/.project": true,
    "**/.settings": true,
    "**/.factorypath": true
  },
  "workbench.colorCustomizations": {
    "[Night Owl]": {
      "activityBar.background": "#000C1D",
      "activityBar.border": "#102a44",
      "sideBar.background": "#001122",
      "sideBar.border": "#102a44",
      "sideBar.foreground": "#8BADC1"
    },
    "[Night Owl No Italics]": {
      "activityBar.background": "#000C1D",
      "activityBar.border": "#102a44",
      "sideBar.background": "#001122",
      "sideBar.border": "#102a44",
      "sideBar.foreground": "#8BADC1"
    }
  },
  "workbench.startupEditor": "newUntitledFile",
  "breadcrumbs.enabled": true,
  "editor.minimap.enabled": false,
  "workbench.statusBar.visible": true,
  "gitlens.views.repositories.files.layout": "tree",
  "files.insertFinalNewline": true,
}

那么我該如何解決這個問題呢？

Answer 1

也許是這些一起工作？

"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
  "source.organizeImports": true
}

我使用eslint-plugin-import和import-order 規則來實現你想要做的事情。 這是我的 eslint 配置的相關部分：

rules: {
  'import/no-unresolved': 'error',
  'import/order': ['error', {
    groups: [
      "builtin",
      "external",
      "internal",
      "parent",
      "sibling",
      "index"
    ],
    'newlines-between': 'always'
  }],
}