// {
// "workbench.colorTheme": "One Dark Pro",
// "window.zoomLevel": 1,
// "editor.codeActionsOnSave": null,
// }
{
// #让prettier使用eslint的代码格式进行校验
"prettier.eslintIntegration": true,
// #去掉代码结尾的分号
"prettier.semi": false,
// #使用带引号替代双引号
"prettier.singleQuote": true,
// #让函数(名)和后面的括号之间加个空格
"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代码格式化样式
}
},
// 格式化stylus, 需安装Manta's Stylus Supremacy插件
"stylusSupremacy.insertColons": false, // 是否插入冒号
"stylusSupremacy.insertSemicolons": false, // 是否插入分好
"stylusSupremacy.insertBraces": false, // 是否插入大括号
"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
"stylusSupremacy.insertNewLineAroundBlocks": false,
"git.ignoreWindowsGit27Warning": true,
"liveServer.settings.donotShowInfoMsg": true,
// "[html]": {
// "editor.defaultFormatter": "lonefy.vscode-JS-CSS-HTML-formatter";
// },
// "workbench.startupEditor": "newUntitledFile",
// "files.associations": {
// "*.cjson": "jsonc",
// "*.wxss": "css",
// "*.wxs": "javascript"
// },
"emmet.includeLanguages": {
"vue-html": "html",
"javascript": "javascriptreact",
"wxml": "html"
},
// "minapp-vscode.disableAutoConfig": true,
// "editor.tabSize": 2,
// "editor.codeActionsOnSave": {
// "#definitions/style"
// "source.fixAll.eslint": true
// },
"tabnine.experimentalAutoImports": true,
"files.autoSave": "afterDelay",
"workbench.statusBar.visible": true,
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.renderControlCharacters": false,
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
// // 两个选择器中是否换行
"eslint.enable": false,
"eslint.run": "onType",
"eslint.options": {
"extensions": [
".js",
".vue",
".jsx",
".tsx"
]
},
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"workbench.iconTheme": "vscode-icons",
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"angular.experimental-ivy": false,
"workbench.colorTheme": "One Dark Pro",
"window.zoomLevel": 1,
"editor.codeActionsOnSave": null,
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
"[typescript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
"[markdown]": {
"editor.defaultFormatter": "yzhang.markdown-all-in-one"
}
}
vscode 设置配置 格式化 Eslint配置
最新推荐文章于 2024-06-07 16:11:02 发布
这篇博客详细介绍了如何配置Visual Studio Code以优化前端开发体验,包括使用Prettier和ESLint进行代码格式化,Vetur插件的设置,以及HTML、CSS、JavaScript的格式化选项。同时,还涵盖了Git警告忽略、自动保存和代码检查等实用功能的设定。
摘要由CSDN通过智能技术生成