vue settings.json

{
"background.style": {
"content": "''",
"pointer-events": "none",
"position": "absolute",
"z-index": "99999",
"width": "100%",
"height": "100%",
"background-position": "100% 100%",
"background-repeat": "no-repeat",
"background-size": "cover",
"opacity": 0.4 //背景透明度
},
"background.useDefault": false,
"background.customImages": [
"/Users/xinghaotian/Desktop/bgc.png" //file:///? +? ?本地图片地址。
],
// vscode默认启用了根据文件类型自动设置tabsize的选项
"editor.detectIndentation": false,
// 重新设定tabsize
"editor.tabSize": 2,
// #每次保存的时候自动格式化
"editor.formatOnSave": true,
// #每次保存的时候将代码按eslint格式进行修复
"eslint.autoFixOnSave": true,
// 添加 vue 支持
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "vue",
"autoFix": true
}
],
// #让prettier使用eslint的代码格式进行校验
"prettier.eslintIntegration": true,
// #去掉代码结尾的分号
"prettier.semi": false,
// #使用单引号替代双引号
"prettier.singleQuote": true,
"prettier.trailingComma": "none",// 不加逗号
// "space-before-function-paren": 'off',
// #让函数(名)和后面的括号之间加个空格
// "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// // #这个按用户自身习惯选择
// "vetur.format.defaultFormatter.html": "js-beautify-html",
// #让vue中的js按编辑器自带的ts格式进行格式化
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "force-aligned"
// #vue组件中html代码格式化样式
},
"prettier": {
"semi": false, // 不加分号
"trailingComma": "none", // 不加逗号
"singleQuote": true // 格式化时为单引号
},
},
// 格式化stylus, 需安装Manta's Stylus Supremacy插件
"stylusSupremacy.insertColons": false, // 是否插入冒号
"stylusSupremacy.insertSemicolons": false, // 是否插入分好
"stylusSupremacy.insertBraces": false, // 是否插入大括号
"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
"stylusSupremacy.insertNewLineAroundBlocks": false,
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
"team.showWelcomeMessage": false,
"editor.wordWrap": "on",
"vsicons.dontShowNewVersionMessage": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"backgroundCover.imagePath": "c:\\Users\\DELL\\Desktop\\llj\\dog.jpg",
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"files.associations": {},
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
// "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"workbench.editorAssociations": {
"*.html": "default"
},
"[javascript]": {
// "editor.defaultFormatter": "vscode.typescript-language-features",
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"leetcode.endpoint": "leetcode-cn",
"eslint.codeAction.showDocumentation": {
"enable": true
},
"diffEditor.ignoreTrimWhitespace": true,
"files.autoSave": "onFocusChange",
"settingsSync.ignoredExtensions": [

],
"team.showFarewellMessage": false,
"window.zoomLevel": 1,
"[scss]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"cSpell.languageSettings": [

], // 两个选择器中是否换行
// }
// {
// "editor.fontSize": 18,
"workbench.startupEditor": "newUntitledFile",
"explorer.confirmDelete": false,
"workbench.iconTheme": "vscode-great-icons",
"workbench.sideBar.location": "left",
"[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
"java.semanticHighlighting.enabled": true,
"files.exclude": {
"**/.classpath": true,
"**/.project": true,
"**/.settings": true,
"**/.factorypath": true
},
"[html]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
// // #每次保存的时候自动格式化
// "editor.formatOnSave": true,
// // #每次保存的时候将代码按eslint格式进行修复
// "eslint.autoFixOnSave": true,
"git.ignoreWindowsGit27Warning": true,
// "eslint.codeAction.showDocumentation": {
// 每次保存的时候自动格式化
"editor.formatOnSave": true,
// 每次保存的时候将代码按eslint格式进行修复
"eslint.autoFixOnSave": true,
// 添加 vue 支持
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "html",
"autoFix": true
},
{
"language": "vue",
"autoFix": true
}
],
// 让函数(名)和后面的括号之间加个空格
// "javascript.format.insertSpaceBeforeFunctionParenthesis": false,
// html格式化，这个按用户自身习惯选择
"vetur.format.defaultFormatter.html": "js-beautify-html",
// 让vue中的js按编辑器自带的ts格式进行格式化
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "auto" //根据喜欢的格式 force-aligned:标签属性换行 auto:标签属性不换行
// vue组件中html代码格式化样式
}
},
"search.exclude": {
"**/node_modules": true,
"**/bower_components": true,
"**/dist": true
},
"emmet.syntaxProfiles": {
"javascript": "jsx",
"vue": "html",
"vue-html": "html"
},
//autoFixedOnSave 设置已废弃，采用如下新的设置
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"eslint.format.enable": true,
//autoFix默认开启，只需输入字符串数组即可
"eslint.validate": [
"javascript",
"vue",
"html"
],
"enable": true,
"json.schemas": [

]
// },
// "cSpell.languageSettings": [

// ]
}