首页 > 其他 > 详细

vscode集成eslint

时间:2019-08-12 22:32:50      阅读:105      评论:0      收藏:0      [点我收藏+]

1. 安装 ESLint 扩展

首先,打开 VSCode 扩展面板并搜索 ESLint 扩展,然后点击安装

技术分享图片

 

2. 项目安装eslint

yarn add eslint -D

 

3. 设置eslint配置

npx eslint --init

技术分享图片

生成.eslintrc.js (记得把依赖安装一下喔)

技术分享图片

 

4. 设置eslint插件的配置(在项目级别或者全局级别设置)

 在项目级别,我们需要新建一个文件.vscode/settings.json

{
    "eslint.validate": [
      {
        "language": "vue",
        "autoFix": true
      },
      {
        "language": "html",
        "autoFix": true
      },
      {
        "language": "javascript",
        "autoFix": true
      },
      {
        "language": "javascriptreact",
        "autoFix": true
      }
    ],
    "eslint.autoFixOnSave": true
  }
  

 在全局的话

文件 --> 首选项 --> 设置

技术分享图片

把刚才的json粘贴进去

技术分享图片

 

5. 重启一下,然后愉快的保存,自动格式化

 ctrl+shift+p 输入reload window

 

vscode集成eslint

原文:https://www.cnblogs.com/amiezhang/p/11342818.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!