IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> vscode配置 -> 正文阅读

[开发工具]vscode配置

{
  // elsint配置TODO:
  "workbench.editor.enablePreview": false,
  // vscode默认启用了根据文件类型自动设置tabsize的选项
  "editor.detectIndentation": false,
  // 重新设定tabsize
  "editor.tabSize": 4,
  // #值设置为true时,每次保存的时候自动格式化;值设置为false时,代码格式化请按shift+alt+F
  "editor.formatOnSave": true,
  // #每次保存的时候将代码按eslint格式进行修复
//   "eslint.autoFixOnSave": true,
//   // // 添加 vue 支持
//   "eslint.validate": [
//       "javascript",
//       "javascriptreact",
//       {
//           "language": "vue",
//           "autoFix": true
//       },"html",
//       "vue"
//   ],
  //  #让prettier使用eslint的代码格式进行校验
  "prettier.eslintIntegration": true,
  //  #去掉代码结尾的分号
  "prettier.semi": false,
  //  #使用带引号替代双引号
  "prettier.singleQuote": true,
  "prettier.tabWidth": 4,
  //  #让函数(名)和后面的括号之间加个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": false,
  // #这个按用户自身习惯选择
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  // #让vue中的js按"prettier"格式进行格式化
  "vetur.format.defaultFormatter.js": "prettier",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      // #vue组件中html代码格式化样式
      "wrap_attributes": "force-aligned", //也可以设置为“auto”,效果会不一样
      "wrap_line_length": 200,
      "end_with_newline": false,
      "semi": false,
      "singleQuote": true
    },
    "prettier": {
      "semi": false,
      "singleQuote": true
    }
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  // 格式化stylus, 需安装Manta's Stylus Supremacy插件
  "stylusSupremacy.insertColons": false, // 是否插入冒号
  "stylusSupremacy.insertSemicolons": false, // 是否插入分号
  "stylusSupremacy.insertBraces": false, // 是否插入大括号
  "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
  "stylusSupremacy.insertNewLineAroundBlocks": false,
  "prettier.useTabs": true,
  "files.autoSave": "off",
  "explorer.confirmDelete": false,
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "diffEditor.ignoreTrimWhitespace": false,
  "git.autofetch": true,
  "eslint.format.enable": true,
  "eslint.debug": true,
  "editor.codeActionsOnSave": {  // 两个选择器中是否换行
      "source.fixAll.eslint": true,
      "eslint.autoFixOnSave" : false,
  },
  "eslint.codeAction.showDocumentation": {
      "enable": true
  },
  "settingsSync.ignoredExtensions": [],
// "editor.fontLigatures": null,
// "editor.codeActionsOnSave": {
//    "source.fixAll.eslint": true
// }, // 两个选择器中是否换行
// 其它文件配置
"editor.wordWrap": "on",
  "open-in-browser.default": "\"C:\\Users\\Sangfor\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe\"",
  "view-in-browser.customBrowser": "chrome",
  "view-in-browser.default": "Google Chrome",
//   "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,
  "editor.suggest.snippetsPreventQuickSuggestions": false,
  "files.associations": {
    "*.html": "html",
    "*.jsx": "javascriptreact",
    "*.js": "javascriptreact",
    ".eslintrc.js": "vue"
},

  //默认shell,路径
  "terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe",
  // "workbench.editor.enablePreview": false,
//   "git.autofetch": true,
  "less.compile": {
    "autoprefixer": "> 5%, last 2 Chrome versions, not ie 6-9",
    "outExt": ".wxss"
  },
  "liveServer.settings.ignoreFiles": [
    ".vscode/**",
    "**/*.scss",
    "**/*.sass",
    "**/*.ts"
  ],

  // 自动同步修改前后标签名插件--Auto Rename Tag 配置
  "auto-rename-tag.activationOnLanguage": [
    "html",
    "xml",
    "php",
    "javascript",
    "javascriptreact",
    "vue"
  ],
  "workbench.colorTheme": "Default Dark+",

  //字体配置
  //终端字体配置-开始
  // "terminal.integrated.lineHeight": 1.2,
  // "terminal.integrated.letterSpacing": 0.1,
  // "terminal.integrated.fontSize": 14,
  // "terminal.integrated.fontFamily": "Lucida Console",
  // "terminal.integrated.shell.linux": "/bin/zsh",
  //终端字体配置-结束

  //     "workbench.colorTheme": "One Dark Pro",
  "editor.fontSize": 14.5,
  "workbench.startupEditor": "newUntitledFile",
  "git.ignoreMissingGitWarning": true,
  "git.enableSmartCommit": true,
//   "[json]": {
//     "editor.defaultFormatter": "HookyQR.beautify"
//   },
  "workbench.iconTheme": "vscode-icons",
  "editor.fontLigatures": true,
  "terminal.integrated.cursorStyle": "line",
  "terminal.integrated.cursorWidth": 2,
//   "[javascript]": {
//     "editor.defaultFormatter": "HookyQR.beautify"
//   },

  //TODO Highlight  高亮插件配置
  "todohighlight.isEnable": true,
  "todohighlight.isCaseSensitive": true,
  "todohighlight.keywords": [
    "DEBUG:",
    "REVIEW:",
    {
      "text": "NOTE:",
      "color": "#ff0000",
      "backgroundColor": "yellow",
      "overviewRulerColor": "grey"
    },
    {
      "text": "HACK:",
      "color": "#000",
      "isWholeLine": false
    },
    {
      "text": "TODO:",
      "color": "red",
      "border": "",
      "borderRadius": "2px", //NOTE: using borderRadius along with `border` or you will see nothing change
      "backgroundColor": "rgba(0,0,0,.2)"
      //other styling properties goes here ...
    }
  ],
  "todohighlight.keywordsPattern": "TODO:", //highlight `TODO:`,`FIXME:` or content between parentheses
  "todohighlight.defaultStyle": {
    "color": "gold",
    "backgroundColor": "",
    "overviewRulerColor": "",
    "cursor": "pointer",
    "border": "",
    "borderRadius": "2px",
    "isWholeLine": true
    //other styling properties goes here ...
  },
  "todohighlight.include": [
    "**/*.js",
    "**/*.jsx",
    "**/*.ts",
    "**/*.tsx",
    "**/*.html",
    "**/*.php",
    "**/*.css",
    "**/*.scss"
  ],
  "todohighlight.exclude": [
    "**/node_modules/**",
    "**/bower_components/**",
    "**/dist/**",
    "**/build/**",
    "**/.vscode/**",
    "**/.github/**",
    "**/_output/**",
    "**/*.min.*",
    "**/*.map",
    "**/.next/**"
  ],
  "todohighlight.maxFilesForSearch": 5120,
  "todohighlight.toggleURI": false,
  "[javascriptreact]": {
    "editor.defaultFormatter": "svipas.prettier-plus"
  },

  "editor.snippetSuggestions": "top",
  "[css]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  },
  "javascript.updateImportsOnFileMove.enabled": "always",
  "[scss]": {
    "editor.defaultFormatter": "svipas.prettier-plus"
  },
  "[vue]": {
    "editor.defaultFormatter": "svipas.prettier-plus"
  },
  "[less]": {
    "editor.defaultFormatter": "svipas.prettier-plus"
  },
  "vsicons.dontShowNewVersionMessage": true,
  "liveServer.settings.donotShowInfoMsg": true,
  "[html]": {
    "editor.defaultFormatter": "svipas.prettier-plus"
  },
  /* "[jsonc]": {
    "editor.defaultFormatter": "svipas.prettier-plus"
  }, */
  // "editor.formatOnSave": true,
"eslint.validate": [
    "javascript",
    "javascriptreact"
],
"security.workspace.trust.untrustedFiles": "open",
"window.zoomLevel": -1,
}

在这里插入图片描述

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-07-04 20:00:05  更:2021-07-04 20:00:56 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/6 19:23:29-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码