vscode的settings.json最新配置
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了vscode的settings.json最新配置,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含5566字,纯文字阅读大概需要8分钟。
内容图文
最新一版的vscode的配置,根据项目需要配置的:
1 { 2 // ===========以下4个是控制保存时自动格式化的,并且以4格缩进================ 3 "editor.tabCompletion": "on", 4 "editor.detectIndentation": false, 5 "editor.tabSize": 2, //vscode设置的缩进量 6 "editor.formatOnSave": false, //保存时候自动格式化 7// ===========以下是根据自己需求配置的============================ 8 "editor.suggest.snippetsPreventQuickSuggestions": true, //自动补全的 9 "explorer.confirmDelete": true, // 自动补全 10 "[json]": {}, 11 "workbench.sideBar.location": "right", 12 "editor.wordWrap": "on", // 控制折行方式。可以选择: - “off” (禁用折行), - “on” (视区折行), - “wordWrapColumn”(在“editor.wordWrapColumn”处折行)或 - “bounded”(在视区与“editor.wordWrapColumn”两者的较小者处折行)。 13 "editor.fontSize": 17, 14 15// #每次保存时将代码按eslint格式进行修复 16 "eslint.autoFixOnSave": true, 17// 添加 vue 支持 18 "eslint.validate": [ 19 "javascript", 20 "javascriptreact", 21 { "language": "typescript", "autoFix": true }, 22 { "language": "typescriptreact", "autoFix": true }, 23 { "language": "vue", "autoFix": true }, 24 { "language": "html", "autoFix": true }, 25 { "language": "javascript", "autoFix": true }, 26 { "language": "wpy", "autoFix": true } 27 ], 28//#让prettier使用eslint的代码格式进行校验 29 "prettier.eslintIntegration": true, 30// #让函数(名)和后面的括号之间加个空格 31 "javascript.format.insertSpaceBeforeFunctionParenthesis": true, 32// 两个选择器中是否换行 33 "editor.formatOnType": true, 34 35 36 37 "editor.codeActionsOnSave": { 38 "source.fixAll.eslint": true 39 }, 40 "editor.parameterHints": true, 41 "editor.quickSuggestions": { 42 "other": true, 43 "comments": true, 44 "strings": true 45 }, 46 47 "git.confirmSync": true, // *** 这个是提示空格的点点 48// "stylusSupremacy.insertColons": false, // 是否插入冒号 49// "stylusSupremacy.insertSemicolons": false, // 是否插入分好 50// "stylusSupremacy.insertBraces": false, // 是否插入大括号 51// "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行 52// 需要配置 php 可执行文件目录 53 "php.validate.executablePath": "D:\\useful_software\\phpstudy\\PHPTutorial\\php\\php-5.5.38\\php.exe", 54 55 "typescript.format.insertSpaceAfterSemicolonInForStatements": false, 56 57 "vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化 58 "vetur.format.defaultFormatterOptions": { 59 "prettier": { 60 "semi": false 61 }, 62 "js-beautify-html": { 63 "wrap_attributes": "auto" 64// #vue组件中html代码格式化样式 65// - auto: 仅在超出行长度时才对属性进行换行。 66// - force: 对除第一个属性外的其他每个属性进行换行。 67// - force-aligned: 对除第一个属性外的其他每个属性进行换行,并保持对齐。 68// - force-expand-multiline: 对每个属性进行换行。 69// - aligned-multiple: 当超出折行长度时,将属性进行垂直对齐。 70 } 71 }, 72 "search.exclude": { 73 "**/node_modules": true, 74 "**/bower_components": true, 75 "**/dist": true 76 }, 77 "emmet.includeLanguages": { 78 "vue-html": "html", 79 "vue": "html", 80 "javascript": "javascriptreact", 81 "wxml": "html" 82 }, 83 "files.associations": { 84 "*.html": "html", 85 "*.js": "javascriptreact", 86 "*.vue": "html", 87 "*.cjson": "jsonc", 88 "*.wxss": "css", 89 "*.wxs": "javascript", 90 "*.ts": "typescriptreact", 91 "*.tpl": "html" 92 }, // 支持scss语法的 93// "editor.fontFamily": "‘Droid Sans Mono‘, ‘Courier New‘, monospace, ‘Droid Sans Fallback‘", // 这个是控制字体样式的 94 "files.associations": { 95 "*.html": "html", 96 "*.js": "javascriptreact", 97 "*.vue": "html", 98 "*.cjson": "jsonc", 99 "*.wxss": "css", 100 "*.wxs": "javascript", 101 "*.ts": "typescriptreact" 102 }, 103 "auto-close-tag.activationOnLanguage": [ 104 "xml", 105 "php", 106 "blade", 107 "ejs", 108 "jinja", 109 "javascript", 110 "javascriptreact", 111 "typescript", 112 "typescriptreact", 113 "plaintext", 114 "markdown", 115 "vue", 116 "liquid", 117 "erb", 118 "lang-cfml", 119 "cfml", 120 "HTML (Eex)" 121 ], 122 "eslint.options": { 123 "extensions": [ 124 ".js", 125 ".vue" 126 ] 127 }, 128 "editor.mouseWheelZoom": true, 129 "editor.suggestSelection": "first", 130 "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue", 131 "files.exclude": { 132 "**/.classpath": true, 133 "**/.project": true, 134 "**/.settings": true, 135 "**/.factorypath": true136 }, 137 "launch": { 138139 }, 140// "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",141// ====================================================================142// "fileheader.LastModifiedBy": "Oralinge",143// "fileheader.Author": "Oralinge",144// "git.autofetch": true,145// "[html]": {146// "editor.defaultFormatter": "HookyQR.beautify"147// },148// "editor.detectIndentation": false,149// "editor.formatOnSave": true,150// "editor.formatOnPaste": true,151152// // #去掉代码结尾的分号 153// "prettier.semi": false,154// // #使用带引号替代双引号 155// "prettier.singleQuote": true,156// #这个按用户自身习惯选择 157// "vetur.format.defaultFormatter.html": "js-beautify-html",158// =====================================159// "workbench.iconTheme": "vscode-icons",160// "emmet.triggerExpansionOnTab": true,161// "tslint.autoFixOnSave": true,162// "prettier.semi": false, //去掉代码结尾的分号163// "prettier.singleQuote": true, // 强制单引号164// "vetur.format.defaultFormatterOptions": {165// "js-beautify-html": {166// "wrap_attributes": "force-aligned" // 属性强制折行对齐167// }168// },169// "javascript.implicitProjectConfig.experimentalDecorators": true,170// "[markdown]": {171// "editor.defaultFormatter": "yzhang.markdown-all-in-one"172// },173// //下面的这些配置一定要留着,很好用174// "emmet.syntaxProfiles": {175// "javascript": "jsx",176// "vue": "html",177// "vue-html": "html"178// },179// // "editor.cursorBlinking": "smooth",180// "editor.minimap.enabled": true,181// "editor.minimap.renderCharacters": false,182// "editor.codeLens": true,183// "window.zoomLevel": 0,184 }
原文:https://www.cnblogs.com/jianguo221/p/13041627.html
内容总结
以上是互联网集市为您收集整理的vscode的settings.json最新配置全部内容,希望文章能够帮你解决vscode的settings.json最新配置所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。