资讯专栏INFORMATION COLUMN

webstorm(2017.3.2)搭建eslint,错误提示和自动修复

endiat / 544人阅读

摘要:先看看效果有错误提示和快捷键自动修复。自己按需配置咯

先看看效果

有错误提示和快捷键自动修复。

我安装的插件

1.准备 在node环境安装eslint等插件

注意: 需提前安装好node环境

// 除了eslint是必须的,可以按需安装
npm i -g eslint eslint-config-standard eslint-plugin-html eslint-plugin-import eslint-plugin-node eslint-plugin-promise 

2. 在webstorm配置

node和eslint的路径是软件自动获取的,记得选中enable;去设置里面设置你的自动修复快捷键


3. 最后一步,在项目中配置.eslintrc.js或.eslintrc, webstorm会自动调用。
// https://eslint.org/docs/user-guide/configuring
// 自己按需配置咯
module.exports = {
  root: true,
  parser: "babel-eslint",
  parserOptions: {
    sourceType: "module"
  },
  env: {
    browser: true
  },
  // https://github.com/standard/standard/blob/master/docs/RULES-en.md
  extends: "standard",
  // required to lint *.vue files
  plugins: [
    "html"
  ],
  // add your custom rules here
  rules: {
    // allow async-await
    "generator-star-spacing": "off",
    // allow debugger during development
    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
  }
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/61218.html

相关文章

  • webstorm2017.3.2搭建eslint错误提示自动修复

    摘要:先看看效果有错误提示和快捷键自动修复。自己按需配置咯 先看看效果 有错误提示和快捷键自动修复。showImg(https://segmentfault.com/img/bV6Fkx?w=1366&h=768); 我安装的插件 1.准备 在node环境安装eslint等插件 注意: 需提前安装好node环境 // 除了eslint是必须的,可以按需安装 npm i -g eslint e...

    Travis 评论0 收藏0
  • 更新版-梳理前端开发使用eslintprettier来检查格式化代码问题

    摘要:整个代码检查和格式化流程应该规范为如下步骤使用并且尝试自动修复所有问题有提示,可以进行修复,按照配置文件来进行修复。参考文档如何花分钟解决产生的各种错误的记忆现场本文转载自我的更新版梳理前端开发使用和来检查和格式化代码问题 更新版,之前的版本可以看这里:梳理前端开发使用eslint和prettier来检查和格式化代码问题 一、问题痛点 在团队的项目开发过程中,代码维护所占的时间比重...

    GitChat 评论0 收藏0
  • 梳理前端开发使用eslint-prettier检查格式化代码

    摘要:梳理前端开发使用检查和格式化代码问题痛点在团队的项目开发过程中,代码维护所占的时间比重往往大于新功能的开发。使用格式化所有代码。参考文档如何花分钟解决产生的各种错误的记忆现场原文转载梳理前端开发使用检查和格式化代码线上猛如虎,线下怂如鼠 梳理前端开发使用eslint-prettier检查和格式化代码 问题痛点 在团队的项目开发过程中,代码维护所占的时间比重往往大于新功能的开发。因此编...

    yangrd 评论0 收藏0
  • JavaScript开发工具大全

    摘要:发布于之后,采用了完全不同的方式,使用函数定义任务。它允许开发者使用它们的补丁和更新来修复这些安全漏洞。提供了工具用于扫描依赖来监测漏洞。是一个开源诊断工具,用于和应用。是和开发的一款新的包管理工具。与相比,它解决了安全性能以及一致性问题。 译者按: 最全的JavaScript开发工具列表,总有一款适合你! 原文: THE ULTIMATE LIST OF JAVASCRIPT TOO...

    nifhlheimr 评论0 收藏0
  • 前端代码质量管理(一)

    导语: 随着业务的增长和开发团队的成员快速增加,其中很多新人来自于五湖四海各大门派,在编码的风格和习惯中也出现各异。 通常在相互 codereview 时发现很多代码上的问题,久而久之代码出现了代码难以维护的问题,甚至还会出现低级错误。 因此,我尝试在前端代码质量的管控上做了些探索,也总结了一些经验分享给大家。 作者:郑振波 本文大纲介绍 编码规范 冗余文件与代码 1. 编码规范 在一些老项...

    yy13818512006 评论0 收藏0

发表评论

0条评论

endiat

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<