vue项目通过插件实现页面根据项目中eslint配置自动格式化

安装vscode插件

vue项目通过插件实现页面根据项目中eslint配置自动格式化_第1张图片

右键配置默认格式化程序

vue项目通过插件实现页面根据项目中eslint配置自动格式化_第2张图片

选择使用该插件进行格式化

vue项目通过插件实现页面根据项目中eslint配置自动格式化_第3张图片
插件会根据项目的eslint配置进行 不符合规则的修复

如何配置ctrl+s保存后格式化

把一下代码粘贴到用户区的配置文件中

  "eslint.enable": true,
  "eslint.run": "onType",
  "eslint.options": {
      "extensions": [
          ".js",
          ".vue",
          ".jsx",
          ".tsx"
      ]
  },
  "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
  }

之后保存的时候就会自动修复不符合eslint配置的问题了
https://www.jb51.net/article/262473.htm
https://blog.csdn.net/qq_58946786/article/details/124832077

你可能感兴趣的:(vue.js,前端,javascript)