去掉Eslint语法检测

参考
在创建vue项目中,会选择linter/Formatter,eslint-config-standard
"standard"插件代表的是eslint的standard插件都要安装
所以参考一下以下依赖是否安装

eslint
babel-eslint
eslint-plugin-html
eslint-config-standard
eslint-plugin-standard
eslint-plugin-promise

在运行项目时,因为Eslint这个语法检测很严格,所以缩进和空格等有问题他也会报错的,报错 6 errors and 0 warnings potentially fixable with the --fix option.

  • 解决方法1:
    注释掉.eslintrc.js文件中的’@vue/standard’,没效果需重启vscode
    在这里插入图片描述

  • 解决方法2:
    我们直接在vue.config.js把他关掉就可以了,加入此行代码:lintOnSave: false,然后重新运行。
    

ESLint本身主要用于代码风格检测和潜在问题提示,不过可以通过结合规则配置和插件来移除无用代码。 #### 配置规则移除无用代码 通过配置ESLint规则,可以检测并提示移除无用的变量、导入等。在`.eslintrc.js`或`.eslintrc.json`等配置文件中添加以下规则: ```javascript { "rules": { "no-unused-vars": "error", "no-unused-imports": "error" // 如果使用了 eslint-plugin-unused-imports 插件 }, "plugins": ["unused-imports"] // 如果使用了 eslint-plugin-unused-imports 插件 } ``` 其中,`no-unused-vars`规则用于检测未使用的变量,`no-unused-imports`规则用于检测未使用的导入(需安装`eslint-plugin-unused-imports`插件)。 #### 结合AST移除特定无用代码 借助将代码转换成AST语法树的方式,可以移除特定的无用代码,如`console.log`。示例代码如下: ```javascript // 引入必要的包 const fs = require('fs'); const path = require('path'); const parser = require('@babel/parser'); const { exec } = require('child_process'); const traverse = require('@babel/traverse').default; const generator = require('@babel/generator').default; // AST语法去除console.log const delLog = sourceCode => { // 解析源代码生成 AST const ast = parser.parse(sourceCode, { sourceType: 'module', plugins: ['jsx'] }); // 遍历 AST,并移除所有的 console.log traverse(ast, { CallExpression(path) { if ( path.node.callee.type === 'MemberExpression' && path.node.callee.object.name === 'console' && path.node.callee.property.name === 'log' ) { path.remove(); // 移除 console.log 调用节点 } } }); // 使用 escodegen 重新生成优化后的代码 const optimizedCode = generator(ast); return optimizedCode.code; }; ``` 这里有一个可以线上解析代码转换成AST语法树的网址:https://astexplorer.net/ [^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值