vscode绿色、护眼色,vue自动格式化配置参考

时间:2025-01-17 12:11:35
{ "": "Quiet Light", "": { "": "#C7EDCC", "": "#C7EDCC", "": "#C7EDCC" }, "": "vscode-icons", //vscode文件图标主题 "": 17, //编辑器字体大小 "": "vscode-icons", // -------------------- 配置eslint -------------------- //autoFixedOnSave 设置已废弃,采用如下新的设置,新版(>1.41.0)配置 "": { "": true }, "": true, //autoFix默认开启,只需输入字符串数组即可 "": [ "javascript", "vue", "html", "javascriptreact", "vue-html" ], // -------------------- 配置eslint -------------------- // 设置编辑器的默认格式化工具 "": "-vscode", "[html]": { "": "-vscode" }, "[javascript]": { "": "-vscode" }, "[css]": { "": "-vscode" }, "[less]": { "": "-vscode" }, "[json]": { "": "-vscode" }, //方法括号之间插入空格 "": false, // -------------------- vetur 配置 -------------------- // vue文件默认格式化工具:vetur "[vue]": { "": "" }, // 这个按用户自身习惯选择 "": "js-beautify-html", // 让vue中的js按编辑器自带的ts格式进行格式化 // "": "vscode-typescript", // 让vue中的js按prettier进行格式化 用这个 "": "prettier", "": { "js": "prettier", "js-beautify-html": { "wrap_attributes": "aligned-multiple" //当超出折行长度时,将属性进行垂直对齐 }, "prettyhtml": { "tabWidth": 4, // 会忽略vetur的tabSize配置 "printWidth": 100, //每行100字符 "singleQuote": true, //是否使用单引号 "semi": false, // 句尾是否加; "wrapAttributes": false, "sortAttributes": false }, //vue中的js生效 "prettier": { "semi": false, // 句尾是否加; "singleQuote": true, //是否使用单引号 "trailingComma": "none" //禁止随时添加逗号 } }, // -------------------- vetur 配置 -------------------- // -------------------- koro1FileHeader 配置 -------------------- // 头部注释 "": { "Author": "AuthorName", "Date": "Do not edit", // 文件创建时间(不变) "LastEditors": "AuthorName", // 文件最后编辑者 "LastEditTime": "Do not edit", // 文件最后编辑时间 "Description": "" // "FilePath": "only file name", // 只有文件名 // "custom_string_obkoro1_copyright": "Copyright (C) ${now_year} AuthorName. All rights reserved.", // "custom_string_obkoro1_date": "Do not edit" // 不带Date前缀的时间 }, // 函数注释 "": { "description": "", //"custom_string_obkoro1": "", "param": "params", "return": "" }, // 插件配置项 "": { "createHeader": false, // 新建文件自动添加头部注释,默认打开 "autoAdd": false, // 保存自动添加头部注释,开启才能自动添加,默认开启 "openFunctionParamsCheck": true, //函数注释自动提取函数的参数,默认开启 "createFileTime": true, // 默认为此文件的创建时间,设为false更改为当前生成注释的时间 "dateFormat": "YYYY-MM-DD HH:mm:ss", // 默认时间格式,修改影响所有时间字段 // 自定义注释中的艾特和冒号: "atSymbol": [ "@", "@" ], // 所有文件的头部注释和函数注释的默认值 @ "colon": [ ": ", ": " ] // 所有文件的头部注释和函数注释的默认值 : // 自定义特殊字段名,Date、LastEditTime、LastEditors、Description、FilePath // "specialOptions": { // "Date": "since", // "LastEditTime": "lastTime", // "LastEditors": "LastAuthor", // "Description": "message", // "FilePath": "文件相对于项目的路径" // } // 函数参数配置 // "functionParamsShape": "normal", // 正常 // "functionParamsShape": "no bracket", // 没有方括号 // "functionParamsShape": "no type", // 没有类型 // "functionParamsShape": [ "{", "}"], // 函数参数外形自定义,默认值 {} // "functionTypeSymbol": "*", // 参数没有类型时的默认值 * // 函数设置不添加参数和类型 {*} // "functionParamsShape": "no type", // 没有类型 // "functionTypeSymbol": "" // 参数没有类型时的默认值 * }, // -------------------- koro1FileHeader 配置 -------------------- // -------------------- prettier 配置(以下配置主要针对.js) -------------------- "": false, // 不使用editorConfig配置文件设置才生效 "": false, // 句尾是否加; "": true, //是否使用单引号 "": "none", //禁止随时添加逗号 // "": "crlf", // -------------------- prettier 配置 -------------------- "": false, "": "open", "": 2, "": false }