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

本文介绍了如何在WebStorm 2017.3.2版本中设置和使用ESLint,包括安装eslint插件,通过Node环境安装相关依赖,配置WebStorm的eslint路径和快捷键,以及在项目中创建配置文件(.eslintrc.js)以实现错误提示和自动修复。
摘要由CSDN通过智能技术生成

Apple iPhone 11 (A2223) 128GB 黑色 移动联通电信4G手机 双卡双待

4999元包邮

去购买 >

1.准备一 安装eslint插件

启动webstorm,在主界面左上角找到file > settings > plugins > install jetBrains plugins 搜索eslint安装插件

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

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

// 可以按需安装

npm i -g eslint eslint-config-standard eslint-plugin-html eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-standard

3. 在webstorm配置

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

4. 最后一步,在项目中配置.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://segmentfault.com/a/1190000013938070

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值