vscode+vim插件 前端开发环境搭建记录（一）

这是我自己的配置

vscode中安装这一堆插件

settings.json配置如下：

{
  "terminal.integrated.defaultProfile.windows": "PowerShell",
  "editor.lineNumbers": "relative",
  "editor.parameterHints.enabled": false,
  "[python]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
  },
  "vim.easymotion": true,
  "vim.incsearch": true,
  "vim.useSystemClipboard": true,
  "vim.useCtrlKeys": true,
  "vim.hlsearch": true,
  "vim.insertModeKeyBindings": [
    {
      "before": ["j", "j"],
      "after": ["<Esc>"]
    },
    { "before": ["<C-h>"], "after": ["<left>"] },
    { "before": ["<C-k>"], "after": ["<up>"] },
    { "before": ["<C-j>"], "after": ["<down>"] },
    { "before": ["<C-l>"], "after": ["<right>"] }
  ],
  "vim.normalModeKeyBindingsNonRecursive": [
    {
      "before": ["<C-m>"],
      "commands": ["editor.action.smartSelect.grow"]
    },
    {
      "before": ["<leader>", "n", "f"],
      "commands": ["explorer.newFile"]
    },
    {
      "before": ["<leader>", "d"],
      "after": ["d", "d"]
    },
    {
      "before": ["<C-n>"],
      "commands": [":nohl"]
    },
    {
      "before": ["K"],
      "commands": ["lineBreakInsert"],
      "silent": true
    },
    { "before": ["s", "v"], "commands": [":vsplit"] },
    { "before": ["s", "s"], "commands": [":split"] },
    { "before": ["s", "j"], "after": ["<C-w>", "j"] },
    { "before": ["s", "k"], "after": ["<C-w>", "k"] },
    { "before": ["s", "h"], "after": ["<C-w>", "h"] },
    { "before": ["s", "l"], "after": ["<C-w>", "l"] },
    { "before": ["<C-h>"], "after": ["<C-w>", ">"] },
    { "before": ["<C-l>"], "after": ["<C-w>", "<"] },
    { "before": ["<C-j>"], "after": ["<C-w>", "-"] },
    { "before": ["<C-k>"], "after": ["<C-w>", "+"] },
    { "before": ["0"], "after": ["H"] },
    { "before": ["L"], "after": ["$"] }
  ],
  "vim.leader": "<space>",
  "vim.handleKeys": {
    "<C-a>": false,
    "<C-k>": false,
    "<C-.>": false,
    "<C-f>": false
  },
  "[less]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "terminal.integrated.profiles.linux": {
    "bash": {
      "path": "bash",
      "icon": "terminal-bash"
    },
    "zs": {
      "path": "zsh"
    },
    "fish": {
      "path": "fish"
    },
    "tmux": {
      "path": "tmux",
      "icon": "terminal-tmux"
    },
    "pwsh": {
      "path": "pwsh",
      "icon": "terminal-powershell"
    },
    "bash (2)": {
      "path": "/usr/bin/bash"
    }
  },
  "terminal.integrated.defaultProfile.linux": "bash (2)",
  "npm.fetchOnlinePackageInfo": false,
  "[scss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "diffEditor.ignoreTrimWhitespace": false,
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "files.exclude": {
    "**/*.meta": true
  },
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "chat.commandCenter.enabled": false,
  "workbench.colorTheme": "Solarized Dark",
  "workbench.editor.empty.hint": "hidden",
  "[solidity]": {
    "editor.defaultFormatter": "JuanBlanco.solidity"
  },
  "Lingma.aI Chat.commandAllowlistInAgentMode": "powershell,mkdir,npm",
  "Lingma.aI Chat.mcpToolsInAgentMode": true,
  "Lingma.aI Chat.webToolsInAsk/AgentMode": "Auto-execute",
  "workbench.colorCustomizations": {
    "editorCursor.foreground": "#FF0000",
    "terminalCursor.foreground": "#FF0000"
  },
  "chat.mcp.gallery.enabled": true,
  "console-ninja.featureSet": "Community"
}

prettier 配置如下：

{
  "semi": true,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "es5",
  "bracketSpacing": true,
  "arrowParens": "avoid",
  "printWidth": 80,
  "endOfLine": "lf"
}

好了这回换工作就不用再折腾了。 奥利给！