VScode-插件使用以及配置项

1.vscode 版本:

  版本: 1.56.2 (user setup)

  在最新版本中,vscode增加了账户登录选项,实现了配置文件保存在账户中,在更换电脑或者端时,可以直接登录自己账号获取云端vscode配置。

2.配置保存路径

  github

3.setting.json

{
    // 对应文件类型使用prettier格式化插件
    "[scss]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[less]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[vue]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[css]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    // ---------- editor ---------------------------------
    // 编辑器将不再对屏幕阅读器的使用进行优化
    "editor.accessibilitySupport": "off",
    // 控制是否启用平滑插入动画
    "editor.cursorSmoothCaretAnimation": true,
    // 控制 "查找小部件" 是否应在编辑器顶部添加额外的行。如果为 true, 则可以在 "查找小工具" 可见时滚动到第一行之外。
    "editor.find.addExtraSpaceOnTop": false,
    // 显式 "font-feature-settings" CSS 属性。如果只需打开/关闭连字,可以改为传递布尔值
    "editor.fontLigatures": "'ss01', 'ss02', 'ss03', 'ss06', 'zero'",
    // 控制编辑器是否应呈现垂直字形边距。字形边距最常用于调试。
    "editor.glyphMargin": true,
    // 在编辑器中启用内连提示
    "editor.inlayHints.enabled": true,
    // 每10行显示行号
    "editor.lineNumbers": "interval",
    // ctrlCmd: 映射为 Ctrl (Windows 和 Linux) 或 Command (macOS)。
    "editor.multiCursorModifier": "ctrlCmd",
    // 控制编辑器在空白字符上显示符号的方式。boundary: 呈现空格字符(字词之间的单个空格除外)
    "editor.renderWhitespace": "boundary",
    // 控制是否突出显示仅保留空格或完全没有宽度的字符
    "editor.unicodeHighlight.invisibleCharacters": false,
    // 保存时运行的代码操作
    "editor.codeActionsOnSave": {
        // 控制是否应在文件保存时运行自动修复操作。
        "source.fixAll": false,
        "source.fixAll.eslint": true,
        // 控制是否应在文件保存时运行"整理 import 语句"操作。
        "source.organizeImports": true
    },
    // 控制是否显示缩略图
    "editor.minimap.enabled": false,
    // 空格数
    "editor.tabSize": 4,
    // 在保存时格式化文件。格式化程序必须可用,延迟后文件不能保存,并且编辑器不能关闭
    "editor.formatOnSave": true,
    // 控制在建议列表中如何预先选择建议
    "editor.suggestSelection": "first",
    // 控制是否启用括号对着色。使用 “workbench.colorCustomizations” 替代括号突出显示颜色
    "editor.bracketPairColorization.enabled": true,
    // 控制是否启用括号对指南。
    "editor.guides.bracketPairs": "active",
    // 未突出显示在允许区域设置中常见的 Unicode 字符。
    "editor.unicodeHighlight.allowedLocales": {
        "zh-hans": true
    },
    // 控制是否在编辑器中自动显示内联建议
    "editor.inlineSuggest.enabled": true,
    // 控制编辑器是否已启用链接编辑。相关符号(如 HTML 标记)在编辑时进行更新,具体由语言而定。
    "editor.linkedEditing": true,

    // ----------    explorer  -------------------------
    // 控制资源管理器是否在把文件删除到废纸篓时进行确认。
    "explorer.confirmDelete": false,
    // 控制在资源管理器内拖放移动文件或文件夹时是否进行确认。
    "explorer.confirmDragAndDrop": false,

    // -------------- window  ---------------------
    // 如果已设置,则根据 OS 外观自动切换到首选颜色主题
    "window.autoDetectColorScheme": true,
    // 调整对话框窗口的外观
    "window.dialogStyle": "custom",
    // 启用 macOS Sierra 窗口选项卡 // macOS only
    "window.nativeTabs": true,
    // 调整窗口标题栏的外观
    "window.titleBarStyle": "custom",

    // 控制工作台中活动栏的可见性
    "workbench.activityBar.visible": true,
    // 文件目录结构的icon主题样式
    "workbench.iconTheme": "material-icon-theme",
    "workbench.editor.closeOnFileDelete": true,
    "workbench.editor.highlightModifiedTabs": true,

    // 控制扩展的自动更新行为
    "extensions.autoUpdate": "onlyEnabledExtensions",

    // vetur格式化的配置
    "vetur.format.defaultFormatter.html": "prettier",
    "vetur.format.defaultFormatter.css": "prettier",
    "vetur.format.defaultFormatter.js": "prettier-eslint",
    "vetur.format.defaultFormatter.less": "prettier",
    "vetur.format.defaultFormatter.postcss": "prettier",
    "vetur.format.defaultFormatter.sass": "sass-formatter",
    "vetur.format.defaultFormatter.scss": "prettier",
    "vetur.format.defaultFormatter.ts": "prettier-tslint",
    "vetur.format.enable": true,
    "vetur.format.options.useTabs": true,
    "vetur.format.scriptInitialIndent": false,
    "vetur.format.styleInitialIndent": false,
    "vetur.languageFeatures.updateImportOnFileMove": true,
    "vetur.validation.script": true,
    "vetur.validation.style": true,
    "vetur.validation.templateProps": true,
    "vetur.format.options.tabSize": 4,
    "vetur.validation.template": false,
    "vetur.completion.autoImport": true,

    // vite config
    "vite.autoStart": false,
    "vite.browserType": "system",
    "vite.notifyOnStarted": false,
    "vite.showTerminal": true,

    // volar config
    "volar.completion.autoImportComponent": true,
    "volar.completion.preferredAttrNameCase": "auto-camel",
    "volar.formatting.printWidth": 200,
    "volar.autoCompleteRefs": true,
    "volar.codeLens.pugTools": false,
    "volar.codeLens.scriptSetupTools": true,
    "volar.completion.preferredTagNameCase": "pascal",

    // 其它文件名映射
    "files.associations": {
        "*.cjson": "jsonc",
        "*.wxss": "css",
        "*.wxs": "javascript",
        "*.jsp": "html",
        "*.wxml": "html"
    },

    // 在不受支持的语言中启用标签缩写 例如jsx
    "emmet.includeLanguages": {
        "wxml": "html",
        "vue-html": "html",
        "jsx": "javascript",
        "javascript": "javascriptreact",
        "typescript": "typescriptreact"
    },
    "emmet.showSuggestionsAsSnippets": true,
    "emmet.triggerExpansionOnTab": false,

    // 默认从当前git存储库的远程库进行提交拉取
    "git.autofetch": true,
    "git.ignoreMissingGitWarning": true,
    "git.confirmSync": false,
    "git.enableSmartCommit": true,
    "git.untrackedChanges": "separate",

    "files.eol": "\n",
    "files.insertFinalNewline": true,
    "files.simpleDialog.enable": true,

    "terminal.integrated.cursorBlinking": true,
    "terminal.integrated.cursorStyle": "line",
    "terminal.integrated.fontWeight": "300",
    "terminal.integrated.persistentSessionReviveProcess": "never",
    "terminal.integrated.tabs.enabled": true,

    // prettier格式化规则
    "prettier.singleQuote": true,
    "prettier.jsxSingleQuote": true,
    "prettier.tabWidth": 4,
    "prettier.bracketSpacing": true,
    "prettier.arrowParens": "avoid",
    "prettier.printWidth": 200,
    "prettier.endOfLine": "crlf",
    "prettier.trailingComma": "none",
    "prettier.proseWrap": "never",
    "prettier.jsxBracketSameLine": true,

    // scss使用重复的样式定义时,报警告
    "scss.lint.duplicateProperties": "warning",

    // liveServer的配置
    "liveServer.settings.useLocalIp": true,
    "liveServer.settings.donotVerifyTags": true,
    "liveServer.settings.donotShowInfoMsg": true,

    // 解决合并冲突后自动转到下一个冲突
    "merge-conflict.autoNavigateNextConflict.enabled": true,
    "diffEditor.ignoreTrimWhitespace": false,

    // 启用js文件中的codeLen引用
    "javascript.referencesCodeLens.showOnAllFunctions": true,
    // 自动更新导入的路径
    "javascript.updateImportsOnFileMove.enabled": "always",

    // 编辑器优化
    "workbench.startupEditor": "newUntitledFile",
    "workbench.enableExperiments": false,
    "workbench.settings.enableNaturalLanguageSearch": false,
    "workbench.editor.enablePreview": false,
    "workbench.editorAssociations": {
        "*.ipynb": "jupyter.notebook.ipynb"
    },

    // vscode更新后不显示最新的发行说明
    "update.showReleaseNotes": false,

    // 对双大括号语法进行缩进
    "html.format.indentHandlebars": true,
    // 属性垂直对齐
    "html.format.wrapAttributes": "aligned-multiple",
    "typescript.updateImportsOnFileMove.enabled": "always",

    // markdown预览字体
    "markdown.preview.fontFamily": "Consolas, 'Courier New', monospace",

    // cSpell配置
    "cSpell.allowCompoundWords": true,
    "cSpell.language": "en,en-US",
    "cSpell.userWords": ["gulpfile", "happypack", "mixins", "vant", "vite", "vuex"],
    "cSpell.enabledLanguageIds": [
        "css",
        "git-commit",
        "html",
        "javascript",
        "javascriptreact",
        "json",
        "jsonc",
        "less",
        "markdown",
        "rust",
        "scss",
        "text",
        "typescript",
        "typescriptreact",
        "yaml",
        "yml",
        "vue"
    ],
    "cSpell.enableFiletypes": ["vue", "js", "css", "html"],
    "cSpell.includeRegExpList": ["src"],

    // githubCopilot配置
    "github.copilot.enable": {
        "*": true,
        "yaml": false,
        "plaintext": true,
        "markdown": true
    },

    "search.exclude": {
        "**/.git": true,
        "**/.github": true,
        "**/.nuxt": true,
        "**/.output": true,
        "**/.pnpm": true,
        "**/.vscode": true,
        "**/.yarn": true,
        "**/bower_components": true,
        "**/dist/**": true,
        "**/logs": true,
        "**/node_modules": true,
        "**/out/**": true,
        "**/package-lock.json": true,
        "**/pnpm-lock.yaml": true,
        "**/tmp": true,
        "**/yarn.lock": true
    },
    //配置eslint
    "eslint.codeActionsOnSave.mode": "problems",
    "eslint.packageManager": "pnpm",
    "eslint.quiet": true,
    "eslint.validate": ["javascript", "typescript", "javascriptreact", "typescriptreact", "vue", "html", "markdown", "json", "jsonc", "json5"],

    // explorer.experimental.fileNesting.patterns

    "explorer.experimental.fileNesting.enabled": true,
    "explorer.experimental.fileNesting.expand": false,
    "explorer.experimental.fileNesting.patterns": {
        ".gitignore": ".gitattributes, .gitmodules, .gitmessage, .mailmap, .git-blame*",
        "*.js": "$(capture).js.map, $(capture).min.js, $(capture).d.ts",
        "*.jsx": "$(capture).js",
        "*.ts": "$(capture).js, $(capture).*.ts",
        "*.tsx": "$(capture).ts",
        "*.vue": "$(capture).*.ts, $(capture).*.js",
        "index.d.ts": "*.d.ts",
        "shims.d.ts": "*.d.ts",
        "*.cpp": "$(capture).hpp, $(capture).h, $(capture).hxx",
        "*.cxx": "$(capture).hpp, $(capture).h, $(capture).hxx",
        "*.cc": "$(capture).hpp, $(capture).h, $(capture).hxx",
        "*.c": "$(capture).h",
        "go.mod": ".air*, go.sum",
        "default.nix": "shell.nix",
        "flake.nix": "flake.lock",
        "BUILD.bazel": "*.bzl, *.bazel, *.bazelrc, bazel.rc, .bazelignore, .bazelproject, WORKSPACE",
        "CMakeLists.txt": "*.cmake, *.cmake.in, .cmake-format.yaml, CMakePresets.json",
        ".clang-tidy": ".clang-format",
        ".env": "*.env, .env.*, env.d.ts",
        "dockerfile": ".dockerignore, dockerfile*",
        "package.json": ".browserslist*, .circleci*, .codecov, .commitlint*, .editorconfig, .eslint*, .firebase*, .flowconfig, .github*, .gitlab*, .gitpod*, .huskyrc*, .jslint*, .lintstagedrc*, .markdownlint*, .mocha*, .node-version, .nodemon*, .npm*, .nvmrc, .pm2*, .pnp.*, .pnpm*, .prettier*, .releaserc*, .sentry*, .stackblitz*, .styleci*, .stylelint*, .tazerc*, .textlint*, .tool-versions, .travis*, .vscode*, .watchman*, .xo-config*, .yamllint*, .yarnrc*, api-extractor.json, appveyor*, ava.config.*, azure-pipelines*, bower.json, build.config.*, commitlint*, crowdin*, cypress.json, dangerfile*, dprint.json, firebase.json, grunt*, gulp*, jasmine.*, jenkins*, jest.config.*, jsconfig.*, karma*, lerna*, lint-staged*, nest-cli.*, netlify*, nodemon*, nx.*, package-lock.json, playwright.config.*, pm2.*, pnpm*, prettier*, pullapprove*, puppeteer.config.*, renovate*, rollup.config.*, stylelint*, tsconfig.*, tsdoc.*, tslint*, tsup.config.*, turbo*, typedoc*, vercel*, vetur.config.*, vitest.config.*, webpack.config.*, workspace.json, xo.config.*, yarn*",
        "rush.json": ".browserslist*, .circleci*, .codecov, .commitlint*, .editorconfig, .eslint*, .firebase*, .flowconfig, .github*, .gitlab*, .gitpod*, .huskyrc*, .jslint*, .lintstagedrc*, .markdownlint*, .mocha*, .node-version, .nodemon*, .npm*, .nvmrc, .pm2*, .pnp.*, .pnpm*, .prettier*, .releaserc*, .sentry*, .stackblitz*, .styleci*, .stylelint*, .tazerc*, .textlint*, .tool-versions, .travis*, .vscode*, .watchman*, .xo-config*, .yamllint*, .yarnrc*, api-extractor.json, appveyor*, ava.config.*, azure-pipelines*, bower.json, build.config.*, commitlint*, crowdin*, cypress.json, dangerfile*, dprint.json, firebase.json, grunt*, gulp*, jasmine.*, jenkins*, jest.config.*, jsconfig.*, karma*, lerna*, lint-staged*, nest-cli.*, netlify*, nodemon*, nx.*, package-lock.json, playwright.config.*, pm2.*, pnpm*, prettier*, pullapprove*, puppeteer.config.*, renovate*, rollup.config.*, stylelint*, tsconfig.*, tsdoc.*, tslint*, tsup.config.*, turbo*, typedoc*, vercel*, vetur.config.*, vitest.config.*, webpack.config.*, workspace.json, xo.config.*, yarn*",
        "readme.*": "authors, backers.md, changelog*, citation*, code_of_conduct.md, codeowners, contributing.md, contributors, copying, credits, governance.md, history.md, license*, maintainers, readme*, security.md, sponsors.md",
        "cargo.toml": ".clippy.toml, .rustfmt.toml, cargo.lock, clippy.toml, cross.toml, rust-toolchain.toml, rustfmt.toml",
        "gemfile": ".ruby-version, gemfile.lock",
        "composer.json": "composer.lock, phpunit.xml*, psalm*.xml",
        "vite.config.*": "*.env, .babelrc*, .codecov, .cssnanorc*, .env.*, .htmlnanorc*, .mocha*, .postcssrc*, .terserrc*, api-extractor.json, ava.config.*, babel.config.*, cssnano.config.*, cypress.json, env.d.ts, htmlnanorc.*, index.html, jasmine.*, jest.config.*, jsconfig.*, karma*, playwright.config.*, postcss.config.*, puppeteer.config.*, svgo.config.*, tailwind.config.*, tsconfig.*, tsdoc.*, unocss.config.*, vitest.config.*, webpack.config.*, windi.config.*",
        "vue.config.*": "*.env, .babelrc*, .codecov, .cssnanorc*, .env.*, .htmlnanorc*, .mocha*, .postcssrc*, .terserrc*, api-extractor.json, ava.config.*, babel.config.*, cssnano.config.*, cypress.json, env.d.ts, htmlnanorc.*, jasmine.*, jest.config.*, jsconfig.*, karma*, playwright.config.*, postcss.config.*, puppeteer.config.*, svgo.config.*, tailwind.config.*, tsconfig.*, tsdoc.*, unocss.config.*, vitest.config.*, webpack.config.*, windi.config.*",
        "nuxt.config.*": "*.env, .babelrc*, .codecov, .cssnanorc*, .env.*, .htmlnanorc*, .mocha*, .postcssrc*, .terserrc*, api-extractor.json, ava.config.*, babel.config.*, cssnano.config.*, cypress.json, env.d.ts, htmlnanorc.*, jasmine.*, jest.config.*, jsconfig.*, karma*, playwright.config.*, postcss.config.*, puppeteer.config.*, svgo.config.*, tailwind.config.*, tsconfig.*, tsdoc.*, unocss.config.*, vitest.config.*, webpack.config.*, windi.config.*",
        "next.config.*": "*.env, .babelrc*, .codecov, .cssnanorc*, .env.*, .htmlnanorc*, .mocha*, .postcssrc*, .terserrc*, api-extractor.json, ava.config.*, babel.config.*, cssnano.config.*, cypress.json, env.d.ts, htmlnanorc.*, jasmine.*, jest.config.*, jsconfig.*, karma*, next-env.d.ts, playwright.config.*, postcss.config.*, puppeteer.config.*, svgo.config.*, tailwind.config.*, tsconfig.*, tsdoc.*, unocss.config.*, vitest.config.*, webpack.config.*, windi.config.*",
        "svelte.config.*": "*.env, .babelrc*, .codecov, .cssnanorc*, .env.*, .htmlnanorc*, .mocha*, .postcssrc*, .terserrc*, api-extractor.json, ava.config.*, babel.config.*, cssnano.config.*, cypress.json, env.d.ts, htmlnanorc.*, jasmine.*, jest.config.*, jsconfig.*, karma*, mdsvex.config.js, playwright.config.*, postcss.config.*, puppeteer.config.*, svgo.config.*, tailwind.config.*, tsconfig.*, tsdoc.*, unocss.config.*, vitest.config.*, webpack.config.*, windi.config.*",
        "remix.config.*": "*.env, .babelrc*, .codecov, .cssnanorc*, .env.*, .htmlnanorc*, .mocha*, .postcssrc*, .terserrc*, api-extractor.json, ava.config.*, babel.config.*, cssnano.config.*, cypress.json, env.d.ts, htmlnanorc.*, jasmine.*, jest.config.*, jsconfig.*, karma*, playwright.config.*, postcss.config.*, puppeteer.config.*, remix.*, svgo.config.*, tailwind.config.*, tsconfig.*, tsdoc.*, unocss.config.*, vitest.config.*, webpack.config.*, windi.config.*"
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值