vscode vue2/vue3的相关配置(包含npm,Git)

这篇文章主要是为了保存vscode相关配置留着后期备用

一、在vscode中安装这些插件

二、在settings.json中配置 （全局覆盖）

{
    "[html]": {
        "editor.defaultFormatter": "Vue.volar"
    },
    "[css]": {
        "editor.defaultFormatter": "vscode.css-language-features"
    },
    "files.autoSave": "afterDelay",
    "editor.fontSize": 16,
    "editor.formatOnPaste": true,
    "editor.links": false, // 关闭代码下划线
    "eslint.alwaysShowStatus": true,
    "prettier.tabWidth": 4, // 控制tab缩进字数
    "prettier.printWidth": 160, // 超过最大值换行
    "prettier.semi": false, // #去掉代码结尾的分号
    "prettier.singleQuote": false, // #使用带引号替代双引号
    "prettier.bracketSpacing": true, // 在对象，数组括号与文字之间加空格 "{ foo: bar }"
    "prettier.jsxBracketSameLine": false, // 在jsx中把'>' 是否单独放一行
    "task.slowProviderWarning": [
        "npm"
    ],
    "terminal.integrated.defaultProfile.windows": "Command Prompt",
    "explorer.confirmDragAndDrop": false,
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[vue]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "explorer.confirmDelete": false,
    "[less]": {
        "editor.defaultFormatter": "vscode.css-language-features"
    },
    "[typescriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.unicodeHighlight.allowedCharacters": {
        "ｓ": true
    },
    "editor.unicodeHighlight.ambiguousCharacters": false,
    "[json]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    "security.workspace.trust.untrustedFiles": "open",
    "npm.enableRunFromFolder": true,
    "editor.codeActionsOnSave": {
    
    
    },
    "npm.keybindingsChangedWarningShown": true,
    "workbench.colorTheme": "Default Dark+",
    "search.exclude": {
        "**/node_modules": false
    },
    "explorer.autoRevealExclude": {
        "**/*.code-search": true
    },
}

三、配置npm脚本