Eslint简单使用与如何在VScode中配置

最新推荐文章于 2024-06-20 08:57:02 发布

脱缰的哈士奇

最新推荐文章于 2024-06-20 08:57:02 发布

阅读量1.3k

点赞数

分类专栏：工具文章标签： npm

本文链接：https://blog.csdn.net/qq_39658827/article/details/106680780

版权

本文介绍了如何在VScode中配置和使用Eslint，包括初始化npm，安装eslint，配置规则以允许console.log，理解rules的错误等级，以及通过extends引入预设规则。同时，讲解了在VScode中安装eslint插件并配置设置，实现自动代码修复的功能。

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

eslint可以自动检测代码错误，让代码风格统一，在团队合作时尤为重要。

一.初始化npm:

npm init -y

二.安装eslint（这里使用全局安装）:

npm i eslint -g

三.初始化eslint:

eslint --init

初始化eslint后根目录会生成一个.eslintrc.js的文件，我们可以通过这个文件配置eslint(后面会讲如何配置）。接着我们在根目录新建一个test.js文件，输入以下内容:

console.log('eslint入门');

然后用eslint执行这个文件： eslint test.js ，接着你会发现报错了：

eslint错误

可以看到，console是不被允许的，如何配置console被允许呢？打开.eslintrc.js,输入以下内容：

module.exports = {
    "env": {  //eslint使用的环境
        "browser": true,
        "es2020": true
    },
    "extends": &

关注

专栏目录