vscode使用eslint保存代码自动格式化的坑

坑挺多的,查了很多资料弄好了,大家可以参考一下

主要是为了识别.eslintrc.js文件,格式化vue,js,ts文件

1. 安装 eslint,volar插件

不过多解释

2. vscode设置

format on save 打开
default formatter 设置为eslint

3.安装依赖项

eslint-config-prettier, eslint-plugin-prettier,prettier,如果在创建vue项目时没使用eslint,需要额外安装其他依赖,见最后的图片

如果没有成功
  • 通过npx eslint [file]看下有没成功运行,有检测内容的话重启一下vscode就行了
  • 如果是报错的话可能有版本不对的问题(坑)

参考一下我的版本,这份可用
vscode使用eslint保存代码自动格式化的坑_第1张图片

你可能感兴趣的:(2023,vscode,vue.js,javascript)