我的VScode安装了eslint, vetur, prettier插件,
但是保存vue代码时不能自动缩进。
看了参考文章如附录,都没有解决。
于是我直接查看VScode的settings.json
发现有这么一段
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[jsonc]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
于是照猫画虎,添加了vue的
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
然后重新保存就可以自动调整缩进了。
如果朋友们验证不生效的话,可以重启一下VScode。
参考文章:
vs code 设置 保存自动格式化vue代码 - 花泪哲 - 博客园配置 ESLint (需安装 Prettier - Code formatter 插件) command + shift + p 打开用户设置https://www.cnblogs.com/sweetsunnyflower/p/11541019.htmlhttps://www.jb51.net/article/135321.htmhttps://www.jb51.net/article/135321.htmVSCode 设置vue 保存自动格式化代码 - 简书设置保存自动格式化代码,开发效率大大提升! 操作如下: 安装VSCode eslint 插件 如下配置 setting.json 文件:https://www.jianshu.com/p/ee0d8c90dd24
vue.js - ESLint code format in Vue - Stack Overflowhttps://stackoverflow.com/questions/45852531/eslint-code-format-in-vueVue Vue-cli Eslint 实现在vscode里保存后代码自动格式化_那朵花的博客-CSDN博客使用Vue-cli构建的项目会启用Eslint检测代码规范,所以很容易因为代码不规范控制台总报错,所以为了解决这个问题,可以配置vscode在ctrl+s的时候自动代码格式化。1.配置环境npm i -g eslint-plugin-vue#ornpm i -S eslint-plugin-vue2.安装插件:eslint 插件和vetur 插件3.修改setti...https://blog.csdn.net/yanmuchen/article/details/93789245