vscode set.json配置
{
// 換行
"editor.wordWrap": "on",
//忽略git警告
"git.ignoreMissingGitWarning": true,
//字体大小
"editor.fontSize": 18,
// 两个选择器中是否换行
"explorer.confirmDelete": false,
//自定义主题
// "workbench.colorTheme": "Dracula Soft", //One Dark Pro Vivid
"files.autoSave": "onFocusChange",
"workbench.iconTheme": "vscode-icons",
"workbench.statusBar.visible": true,
"workbench.editor.enablePreview": false, //打开文件不覆盖
"search.followSymlinks": false, //关闭rg.exe进程
"editor.lineNumbers": "on", //开启行数提示
//格式化文件
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[scss]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
//定义一个默认格式化程序, 该格式化程序优先于所有其他格式化程序设置。必须是提供格式化程序的扩展的标识符。
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[jsonc]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"[json]": {
//格式化json
"editor.defaultFormatter": "vscode.json-language-features"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"workbench.colorTheme": "One Dark Pro Vivid",
// 重新设定tabsize 代码缩进修改成4个空格
"editor.tabSize": 2, //在保存时格式化文件。格式化程序必须可用，延迟后文件不能保存，并且编辑器不能关闭。
"editor.tabCompletion": "on", //启用 Tab 补全。
"editor.suggestSelection": "first", //控制在建议列表中如何预先选择建议。 first: 始终选择第一个建议。
"editor.detectIndentation": false, // 不檢查縮進，保存后統一按設置項來設置
"editor.fontWeight": "500", //控制字体粗细
"editor.formatOnType": true, //指定工作台中使用的文件图标主题；若指定为 "null"，则不显示任何文件图标。
"editor.formatOnSave": true,
"editor.renderWhitespace": "all", //控制编辑器在空白字符上显示符号的方式。
"editor.cursorBlinking": "smooth", //控制光标的动画样式
"editor.minimap.enabled": true, //控制是否显示缩略图
"editor.minimap.renderCharacters": false, //渲染每行的实际字符，而不是色块。
"editor.codeLens": true, //控制是否在编辑器中显示 CodeLens。
"editor.renderControlCharacters": true, //控制编辑器是否显示控制字符
"editor.snippetSuggestions": "top",
"editor.fontLigatures": true, //启用或禁用字体连字。
"editor.formatOnPaste": true, // 打开代码自动提示
// #让prettier使用eslint的代码格式进行校验
"prettier.eslintIntegration": true,
// #去掉代码结尾的分号
"prettier.semi": false,
// #使用带引号替代双引号
"prettier.singleQuote": true,
"html.format.wrapAttributes": "auto",
"px2rem-plus.base": 100, //px 转换 rem 单位所用的基准像素数。你也可以为每个文件单独设置这个值。
"files.trimTrailingWhitespace": true,
// 终端选中即复制
"terminal.integrated.copyOnSelection": true,
// #让vue中的js按编辑器自带的ts格式进行格式化
//js-beautify-html格式化配置，属性强制换行
"vetur.format.defaultFormatter.js": "none", //js 使用 typescript
"vetur.format.defaultFormatterOptions": {
"prettier": {
"semi": false, // 去掉分号
"singleQuote": true // true 为使用单引号
},
"js-beautify-html": {
"wrap_attributes": "auto", //auto
// 对属性进行换行。
// - auto: 仅在超出行长度时才对属性进行换行。
// - force: 对除第一个属性外的其他每个属性进行换行。
// - force-aligned: 对除第一个属性外的其他每个属性进行换行，并保持对齐。
// - force-expand-multiline: 对每个属性进行换行。
// - aligned-multiple: 当超出折行长度时，将属性进行垂直对齐。
"wrap_line_length": 120,
"end_with_newline": false
// #vue组件中html代码格式化样式
},
"vetur.format.defaultFormatter.html": "js-beautify-html", // html 使用 beautify prettier
// tab 自动补全标签
"workbench.editor.closeEmptyGroups": false,
"emmet.triggerExpansionOnTab": true, //tab自动补全html代码设置
"emmet.includeLanguages": {
"vue-html": "html",
"wxml": "html",
"vue": "html"
},
// 文件格式
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html",
"javascript": "jsx"
},
"javascript.format.insertSpaceBeforeFunctionParenthesis": true, // #让函数(名)和后面的括号之间加个空格 "liveServer.settings.donotShowInfoMsg": true,
"ennet,triggerExpansionOnTab": true,
"javascript.updateImportsOnFileMove.enabled": "always",
// #每次保存的时候将代码按eslint格式进行修复 使用eslint 風格使用standard 進行代碼規則限制
"git.confirmSync": false, //同步 Git 存储库前请先进行确认。
"team.showWelcomeMessage": false,
"window.zoomLevel": 0, //调整窗口的缩放级别。原始大小是 0，每次递增(例如 1)或递减(例如 -1)表示放大或缩小 20%。也可以输入小数以便以更精细的粒度调整缩放级别。
// 解决vscode cpu占用过高问题
"search.followSymlinks": false,
// 快捷浏览html页面
"view-in-browser.customBrowser": "chrome",
"open-in-browser.default": "chrome",
"explorer.confirmDragAndDrop": false,
//根据文件后缀名定义vue文件类型
"files.associations": {
"*.vue": "html",
"*.ejs": "html",
"*.cjson": "jsonc",
"*.wxss": "css",
"*.wxs": "javascript",
"*.js": "html"
},
// 自动美化
"beautify.language": {
"js": {
"type": [
"javascript",
"json"
],
"filename": [
".eslintrc",
".jsbeautify"
]
},
"css": [
"css",
"scss"
],
"html": [
"htm",
"html",
"vue"
]
},
"minapp-vscode.disableAutoConfig": true,
"window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
//eslint 代码自动检查相关配置
// #每次保存的时候将代码按eslint格式进行修复
"eslint.enable": true,
"eslint.run": "onType",
"eslint.options": {
"configFile": "D:/.eslintrc.js",
"eslint.autoFixOnSave": true, //保存时eslint自动修复错误
"plugins": [
"html"
],
"editor.codeActionsOnSave": {
"source.fixAll": true,
"source.fixAll.eslint": false
},
"extensions": [
".js",
".vue"
]
},
"eslint.format.enable": true,
"eslint.validate": [
"javascript",
"javascriptreact",
"vue-html",
{
"language": "vue",
"autoFix": true
},
{
"language": "js",
"autoFix": true
},
{
"language": "html",
"autoFix": true
},
],
"editor.parameterHints": true,
"editor.quickSuggestions": {
//开启自动显示建议
"other": true,
"comments": true,
"strings": true
},
"search.exclude": {
"**/node_modules": true,
"**/bower_components": true,
"**/dist": true
},
"files.exclude": {
"**/.classpath": true,
"**/.project": true,
"**/.settings": true,
"**/.factorypath": true
},
"html": {
"allowed_file_extensions": [
"htm",
"html",
"xhtml",
"shtml",
"xml",
"svg"
],
"brace_style": "collapse",
"end_with_newline": false, // 结尾空出一行
"indent_char": " ", // 缩进字符类型（空格或者tab）
"indent_handlebars": false, // e.g. ,
"indent_inner_html": false, // 缩进 <head> 和 <body> 片段
"indent_scripts": "keep", // [keep|separate|normal]
"indent_size": 2, // 缩进单位（这里是4个空格的意思）
"max_preserve_newlines": 0, // 在一个chunk中允许的最大换行数（0表示不允许）
"preserve_newlines": true, // 元素前的换行是否被允许存在（仅仅对于elemnet起作用，对tags和text都不起作用）
"unformatted": [
"a",
"span",
"img",
"code",
"pre",
"sub",
"sup",
"em",
"strong",
"b",
"i",
"u",
"strike",
"big",
"small",
"pre",
"h1",
"h2",
"h3",
"h4",
"h5",
"h6"
], // 不被format的标签（没懂为何有这个选项）
"wrap_line_length": 0 // Lines should wrap at next opportunity after this number of characters (0 disables)
},
"css": {
"allowed_file_extensions": [
"css",
"scss",
"sass",
"less"
]
},
"js": {
"allowed_file_extensions": [
"js",
"json",
"jshintrc",
"jsbeautifyrc"
],
"brace_style": "collapse-preserve-inline",
"break_chained_methods": false, // 将链式调用的函数置于新一行
"e4x": false, // Pass E4X xml literals through untouched
"end_with_newline": false, //结尾空出一行
"indent_char": "\t", // 缩进字符方式（空格:` `;tab:`\t`）
"indent_level": 0, // Initial indentation level
"indent_size": 2, // 缩进单位（这里是4个空格的意思）
"indent_with_tabs": false, // 使用tab缩进，会覆盖 `indent_size` 和`indent_char`的设置
"jslint_happy": false, // 是否强制使用`jslint-stricter`的模式
"keep_array_indentation": false, // 保留数组缩进
"keep_function_indentation": false, // 保留函数缩进
"max_preserve_newlines": 0, // 在一个chunk中允许的最大换行数（0表示不允许）
"preserve_newlines": true, // 是否保留换行
"space_after_anon_function": true, // 匿名函数function关键字和括号之间的空格是否需要, "function()" vs "function ()"
"space_before_conditional": true, // 是否添加条件语句关键词和括号之间的空格, "if(true)" vs "if (true)"
"space_in_empty_paren": false, // 函数空参数时是否添加padding值, "f()" vs "f( )"
"space_in_paren": false, // 是否在函数参数与括号之间插入空格, ie. f( a, b )
"unescape_strings": false, // Should printable characters in strings encoded in \xNN notation be unescaped, "example" vs "\x65\x78\x61\x6d\x70\x6c\x65"
"wrap_line_length": 0 // Lines should wrap at next opportunity after this number of characters (0 disables)
},
// 格式化stylus, 需安装Manta's Stylus Supremacy插件
"stylusSupremacy.insertColons": false, // 是否插入冒号
"stylusSupremacy.insertSemicolons": false, // 是否插入分号
"stylusSupremacy.insertBraces": false, // 是否插入大括号
"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
"stylusSupremacy.insertNewLineAroundBlocks": false, // 两个选择器中是否换行
"always-semicolon": true, // 在每个样式后面加“;”
"block-indent": " ", // 缩进两个空格
"color-case": "lower",
"color-shorthand": true,
"element-case": "lower",
"eof-newline": true,
"leading-zero": false,
"lines-between-rulesets": 1, // 每组规则后加一个空行
"quotes": "single",
"remove-empty-rulesets": true,
"space-after-colon": " ",
"space-after-combinator": " ",
"space-after-opening-brace": "\n", // 在开始的{后换行
"space-after-selector-delimiter": "\n",
"space-before-closing-brace": "\n", // 在结束的}后换行
"space-before-colon": "",
"space-before-combinator": " ",
"space-before-opening-brace": " ", // 在开始的{前加空格
"space-before-selector-delimiter": "",
"space-between-declarations": "\n", // 每个样式后换行
"strip-spaces": true,
"unitless-zero": true,
"vendor-prefix-align": true,
"beautify.config": {
"brace_style": "collapse,preserve-inline",
"indent_size": 4
},
//如果设置成'true'，关于新的版本消息将不再显示
"vsicons.dontShowNewVersionMessage": true,
"npm.fetchOnlinePackageInfo": false,
"workbench.startupEditor": "newUntitledFile",
"workbench.iconTheme": "vscode-icons",
"launch": {},
"files.autoSave": "onWindowChange",
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"typescript.format.insertSpaceAfterSemicolonInForStatements": false
},
"launch": {
"configurations": [],
"compounds": []
},
"editor.suggest.snippetsPreventQuickSuggestions": false,
"editor.quickSuggestions": {
"strings": true
},
"cSpell.userWords": [
"birsdaytoage",
"getfullyear",
"isvalidatemobile",
"validatenmord",
"validatenull"
]
}
