vue项目vscode配置保存文件的自动修复eslint

最新推荐文章于 2024-07-23 13:38:29 发布

爱学习的蚯蚓

最新推荐文章于 2024-07-23 13:38:29 发布

阅读量1.5k

点赞数

分类专栏：工具配置文章标签： vue

本文链接：https://blog.csdn.net/szl199107101035/article/details/79530994

版权

本文介绍了如何在Vue项目中配置VSCode，以便在保存文件时自动运行ESLint进行修复。首先，需要安装eslint和vetur插件。接着，在项目中创建.eslintrc.js文件，配置ESLint规则。最后，在VSCode的settings.json文件中，添加自动保存和自动修复的配置，实现保存即修复的功能。

摘要由CSDN通过智能技术生成

首先在vscode的插件中安装eslint和vetur的插件，如下图：

在项目中配置eslint，创建.eslint.js,编写如下代码

module.exports = {
  root: true,
  env: {
    node: true,
    browser: true,
    commonjs: true,
    es6: true
  },
  extends: [
    'plugin:vue/essential',
    'eslint:recommended',
  ],
  parserOptions: {
    parser: 'babel-eslint',
  },
  parserOptions: {
    "ecmaVersion": 7,
    "sourceType": "module"
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production