在项目中添加 .vscode
文件夹,在此文件夹添加 settings.json
文件。
文件中copy一下代码:
{
// 每次保存自动格式化
"editor.formatOnSave": true,
// 每次保存的时候将代码按eslint格式进行修复
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"editor.defaultFormatter": "esbenp.prettier-vscode",
// js文件默认格式化方式 和vue中的js保持一致使用编辑器自带的ts格式
"[javascript]": {
// "editor.defaultFormatter": "vscode.typescript-language-features"
// javascript文件默认格式化方式prettier
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
// json文件默认格式化方式prettier
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
// css文件默认格式化方式prettier
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
// 控制折行方式 - "on" (根据视区宽度折行)
"editor.wordWrap": "on",
"editor.tabSize": 2, // 换行默认以tab缩进 2个字符
"editor.colorDecorators": false, // 控制编辑器是否显示内联颜色修饰器和颜色选取器。
"editor.snippetSuggestions": "top", // 将建议的代码段优先级提前选择,比如输入for第一个提示是for循环代码段。
"files.associations": {
// 文件关联语言的优先级配置
"*.js": "javascriptreact",
"*.vue": "vue",
"*.cshtml": "html",
"*.dwt": "html"
},
"files.autoSave": "onFocusChange",
"editor.formatOnPaste": true,
"window.zoomLevel": 0
}