{
// vscode默认启用了根据文件类型自动设置tabsize的选项
"editor.detectIndentation": false,
// 重新设定tabsize
"editor.tabSize": 2,
"vetur.format.options.tabSize": 2,
// #每次保存的时候自动格式化
"editor.formatOnSave": true,
// 添加 vue 支持
"eslint.validate": ["javascript", "html", "vue"],
// 去掉代码结尾的分号
"prettier.semi": false,
"prettier.tabWidth": 4,
// 使用单引号替代双引号
"prettier.singleQuote": true,
// 让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// 这个按用户自身习惯选择
"vetur.format.defaultFormatter.html": "js-beautify-html",
// "vetur.format.defaultFormatter.html": "prettier",
"vetur.format.defaultFormatterOptions": {
// vue组件中html代码格式化样式
"js-beautify-html": {
// 对属性进行换行。
// - auto: 仅在超出行长度时才对属性进行换行。
// - force: 对除第一个属性外的其他每个属性进行换行。
// - force-aligned: 对除第一个属性外的其他每个属性进行换行,并保持对齐。
// - force-expand-multiline: 对每个属性进行换行。
// - aligned-multiple: 当超出折行长度时,将属性进行垂直对齐。
"wrap_attributes": "auto"
},
"prettier": {
"semi": false,
"singleQuote": true
}
},
"vetur.validation.template": false,
// 每次保存的时候将代码按eslint格式进行修复
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
// 代码是否按屏幕宽度换行
"editor.wordWrap": "on",
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
}
}
vscode格式化
原创
©著作权归作者所有:来自51CTO博客作者十九遇你的原创作品,请联系作者获取转载授权,否则将追究法律责任
上一篇:Vue实现计算器
下一篇:判断ios端和android端
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
mac vscode python格式化插件 格式化代码vscode
目录VS Code保存自动删除了代码后的空格问题Delete `␍`eslint(prettier/prettier)报错问题 git 提示文件有修改,但实际没有任何更改VS Code 的相关配置解析extensions.json文件分享配置VS Code保存自动删除了代码后的空格问题问题的由来是这样的,git 上拉去的代码,用vscode打开,随便打开一个vue文件,没有做任何更改,习
vscode配置详解 保存自动删除代码后的空格问题 git新拉取得代码整个文件报错 文件无修改git提示文件更改 javascript