vscode 前端实用插件和配置

插件


  any-rule v0.1.0
  auto-close-tag v0.5.6
  auto-rename-tag v0.1.1
  bracket-pair-colorizer v1.0.61
  code-runner v0.9.15
  code-settings-sync v3.4.3
  EditorConfig v0.14.4
  githistory v0.4.13
  gitlens v10.2.0
  html-css-class-completion v1.19.0
  html-snippets v0.2.1
  indenticator v0.6.0
  JavaScriptSnippets v1.7.2
  korofileheader v4.5.2
  latex-workshop v8.5.0
  markdown-all-in-one v2.6.1
  npm-intellisense v1.3.0
  open-in-browser v2.0.0
  output-colorizer v0.1.2
  path-autocomplete v1.13.3
  path-intellisense v1.4.2
  prettier-vscode v3.18.0
  shell-format v7.0.0
  sublime-keybindings v4.0.6
  svg v1.0.6
  team v1.161.0
  tpl v1.0.1
  tslint v1.0.44
  vetur v0.22.6
  vscode-docker v0.9.0
  vscode-eslint v2.0.13
  vscode-html-css v0.2.3
  vscode-language-pack-zh-hans v1.41.2
  vscode-nginx v0.7.2
  vscode-npm-script v0.3.10
  vscode-yaml v0.6.1

配置

{
  "html.format.endWithNewline": true,
  "eslint.alwaysShowStatus": true,
  "prettier.printWidth": 120, // 指定每行代码的最佳长度, 超出长度则换行。
  "prettier.tabWidth": 2, // 每个制表符占用的空格数
  "prettier.useTabs": false, // 是否使用制表符(tab)缩进
  "prettier.semi": true, // 是否在每行末尾添加分号
  "prettier.singleQuote": true, // 如果为 true,将使用单引号而不是双引号(非 JSX)
  "prettier.quoteProps": "consistent", // 在 JSX 中使用单引号而不是双引号
  "prettier.trailingComma": "es5", // 尾后逗号,设置为 "es5" 有利于 git diff,了解更多 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Trailing_commas
  "prettier.bracketSpacing": true, // 对象左右两边添加空格
  "prettier.jsxBracketSameLine": true, // 如果为 true,则将多行 jsx 元素的 `>` 放在最后一行的末尾,而不是单独放在下一行
  "prettier.arrowParens": "avoid", // 当箭头函数仅有一个参数时加上括号
  "prettier.endOfLine": "lf", // 点击保存时,根据 eslint 规则自定修复,同时集成 prettier 到 eslint 中
  "editor.rulers": [120],
  "editor.tabSize": 2,
  "editor.formatOnPaste": true,
  "editor.formatOnType": false,
  // 个人
  "editor.lineHeight": 24,
  "editor.fontSize": 14,
  "editor.cursorBlinking": "expand",
  "editor.multiCursorModifier": "ctrlCmd",
  // 为了避免和 eslint 冲突,讲编辑器默认的代码检查规则关闭(如果开启了)
  "editor.formatOnSave": false,
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  },
  "workbench.colorTheme": "Monokai",
  "breadcrumbs.enabled": true,
  "workbench.startupEditor": "newUntitledFile",
  "files.trimTrailingWhitespace": true,
  "files.associations": {
    "*.vue": "vue",
    "*.html": "html",
    "*.wxss": "scss",
    "*.js": "javascript",
    "*.wxs": "javascript",
    "*.cjson": "jsonc",
    "*.tsx": "typescriptreact"
  },
  // 配置 emmet 是否启用 tab 展开缩写
  "emmet.triggerExpansionOnTab": true,
  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "wxml": "vue"
  },
  "sync.gist": "262619791ad5e6b8e40f44b193444b5a",
  "explorer.confirmDragAndDrop": false,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "editor.minimap.enabled": true,
  "files.eol": "\n",
  "window.title": "${activeEditorLong}${separator}${rootName}",
  "typescript.updateImportsOnFileMove.enabled": "always",
  "[yaml]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[dockerfile]": {
    "editor.defaultFormatter": "ms-azuretools.vscode-docker"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[markdown]": {
    "editor.defaultFormatter": "yzhang.markdown-all-in-one"
  },
  "search.exclude": {
    "**/*.lock": true,
    "**/bower_components": false,
    "**/dll": true,
    "**/README.md": true,
    "**/vendor": true
  },
  "fileheader.configObj": {
    "autoAdd": false, // 默认开启
    "createHeader": false // 新建默认头部注释
  },
  // 文件头部注释 ctrl+cmd+i
  // 函数注释 ctrl+cmd+t
  "fileheader.customMade": {
    "Description": ""
  }, // 头部注释
  "fileheader.cursorMode": {
    "description": "",
    "param": false
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "minapp-vscode.disableAutoConfig": true,
  "minapp-vscode.wxmlFormatter": "prettier",
  "minapp-vscode.prettier": {
    "parser": "html",
    "printWidth": 120, // 指定每行代码的最佳长度, 超出长度则换行。
    "tabWidth": 2, // 每个制表符占用的空格数
    "useTabs": false, // 是否使用制表符(tab)缩进
    "semi": true, // 是否在每行末尾添加分号
    "singleQuote": true, // 如果为 true,将使用单引号而不是双引号(非 JSX)
    "quoteProps": "consistent", // 对象属性名加引号
    "jsxSingleQuote": false, // 在 JSX 中使用单引号而不是双引号
    "trailingComma": "es5", // 尾后逗号,设置为 "es5" 有利于 git diff,了解更多 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Trailing_commas
    "bracketSpacing": true, // 对象左右两边添加空格
    "jsxBracketSameLine": true, // 如果为 true,则将多行 jsx 元素的 `>` 放在最后一行的末尾,而不是单独放在下一行
    "arrowParens": "avoid" // 当箭头函数仅有一个参数时加上括号
  },
  "workbench.iconTheme": "vscode-icons",
  "vsicons.dontShowNewVersionMessage": true,
  "editor.suggestSelection": "first",
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  "workbench.settings.openDefaultSettings": true,
  "update.mode": "start",
  "stylelint.validate": [
    "css",
    "javascript",
    "javascriptreact",
    "less",
    "markdown",
    "postcss",
    "sass",
    "scss",
    "source.css.styled",
    "source.markdown.math",
    "styled-css",
    "sugarss",
    "svelte",
    "typescript",
    "typescriptreact",
    "xml",
    "xsl",
    "html"
  ],
  "stylelint.packageManager": "yarn",
  "[nginx]": {
    "editor.defaultFormatter": "raynigon.nginx-formatter"
  },
  "files.saveConflictResolution": "overwriteFileOnDisk",
  "security.workspace.trust.untrustedFiles": "open",
  "cSpell.userWords": [
    "aaid",
    "ahooks",
    "algesthesiah",
    "Allowtospeak",
    "allstocks",
    "antd",
    "blcok",
    "browserslist",
    "buble",
    "Builtins",
    "camelcase",
    "CANCELTOP",
    "colormap",
    "commitlint",
    "corejs",
    "DOWNA",
    "DOWNB",
    "eqeqeq",
    "featureflags",
    "glup",
    "iconfont",
    "ifaces",
    "lazyload",
    "lbeditor",
    "lbwatchlist",
    "liulu",
    "longbridge",
    "longbridgeapp",
    "longbridgelogo",
    "luleo",
    "micromessenger",
    "minipro",
    "nestjs",
    "noninteractive",
    "noreply",
    "notalking",
    "onwarn",
    "pascalgn",
    "plusplus",
    "ponyfill",
    "rescan",
    "rsproxy",
    "rtmp",
    "scrollable",
    "Scrolleable",
    "sharelist",
    "storysource",
    "stylelint",
    "stylelintignore",
    "submenus",
    "swiper",
    "tailwindcss",
    "tencent",
    "themefont",
    "tlgitlab",
    "transclude",
    "umirc",
    "Unmount",
    "videojs",
    "vite",
    "weapp",
    "webpackbar",
    "wechat",
    "Weibo",
    "Weixin"
  ],
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "redhat.telemetry.enabled": true,
  "diffEditor.ignoreTrimWhitespace": false,
  "bracket-pair-colorizer-2.depreciation-notice": false,
  "rust-analyzer.trace.extension": true,
  "leetcode.endpoint": "leetcode-cn",
  "leetcode.hint.configWebviewMarkdown": false,
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[less]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}
posted @ 2020-01-10 14:06  霜末之冬  阅读(2553)  评论(0编辑  收藏  举报