eslint 快捷键设置_eslint的妙用和快捷修复

eslint是一款可自定义的JavaScript和JSX检查工具，通过在项目中引入eslint同时配置.eslintrc.js或.eslintConfig文件来实现对代码规范的约束。

之前一直用着默认的代码规范，直到2个不同项目的eslint配置搞得我头昏脑胀，决定今天把它办了。

大致就是这样的结构

module.exports = {

root: true,

env: {

node: true

'extends': [

'plugin:vue/essential', // 一个拓展，不去看也无伤大雅

'@vue/standard' // 一个默认的标准集，你可以在rules中覆盖这个标准的一些规则

rules: {

// 这里就是我们覆盖规则的地方

...

parserOptions: {

parser: 'babel-eslint' // 编译相关的配置，无伤大雅

}

规则和值都能从上述网站中找到，不细说了。

现在来说在webstorm中，如何使用快捷键根据eslint规则修改代码。

之前我以为格式化代码不就是CTRL+SHIFT+L么，为啥还要单拎出来说？其实CTRL+SHIFT+L只是格式化代码，eslint的快捷键默认是未设置的，我们需要手动在设置中设置他。

操作步骤：

之后在代码报错的地方，只要输入CTRL+ALT+1，就能按eslint设置的规则格式化代码了。

舒服了。

本文由程序哩创作，采用知识共享署名4.0 国际许可协议进行许可

本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名

最后编辑时间为: Nov 29, 2019 at 09:43 pm

eslint 快捷键设置_eslint的妙用和快捷修复相关推荐

eslint 快捷键设置_ESLint使用指南
介绍在团队协作中,为避免低级 Bug.产出风格统一的代码,会预先制定编码规范.使用 Lint 工具和代码风格检测工具,则可以辅助编码规范执行,有效控制代码质量. 安装局部安装 npm instal ...
sublime快捷键设置(十年积累经常在用)
sublime快捷键设置(十年积累经常在用): 为什么要自定义快捷键?系统自带配置混乱(我去重去冲突处理了,非一日之功,干货拿走不用谢),新增插件须分配未使用的快捷键(比如等号两边自动对齐).清明节升 ...
vs2019快捷键设置
vs2019快捷键没有沿用vs2017的风格注释代码和取消注释比较麻烦,换成ctrl +/: ctrl+单机是看源码,这个不用换. vs2019的自定义快捷键(设置注释选定的块和取消注释快捷键设置 ...
【Cubase】Cubase 量化设置 ( 量化预置 | 长度量化 | 快捷键设置 | 量化开头 | 量化 MIDI 事件结尾 | 量化 MIDI 事件长度 )
文章目录一.要解决的问题二.量化预置三.长度量化四.快捷键及设置 1.快捷键及设置 2.量化开头 3.量化 MIDI 事件结尾 4.量化 MIDI 事件长度五.对 MIDI 进行量化操作本 ...
【音频处理】Adobe Audition 快捷键设置
文章目录一. Adobe Audition 淡化包络示例二. Adobe Audition 淡化包络快捷键设置一. Adobe Audition 淡化包络示例在音频处理时 , 经常出现使用一些 ...
【Android】Source Insight 基本用法 ( 导入 Android 源码 | 设置字体 | 显示行号 | 搜索功能 | 快捷键设置 )
文章目录一.导入 Android 源码二.配置字体三.显示行号四.Tab 键字符个数五.搜索功能六.打开文件列表七.快捷键设置在 [Android 系统开发]使用 Source InS ...
idea 怎么快速创建类的快捷键_「快捷键设置」[IDEA]常用快捷键和个人设置 - seo实验室...
快捷键设置 Ctrl+Alt+T:生成try catch Ctrl+N:查找类(enter class name):Ctrl+shift+N:查找文件(enter file name):Ctrl+sh ...
PL/SQL Developer连接本地Oracle 11g 64位数据库和快捷键设置
1.登录PL/SQL Developer 这里省略Oracle数据库和PL/SQL Developer的安装步骤,注意在安装PL/SQL Developer软件时,不要安装在Program Files ...
在Ubuntu|CentOS上安装Shutter截图工具及快捷键设置
简介 Shutter前身叫GScrot,它是一款相当棒的截图软件. 通过Shutter,你可以截取包括选定区域.全屏幕.窗口.窗口内的控件甚至网页的图像.通过内置的强大插件机制,你可以在截图后,对图像 ...
allegro下快捷键设置[转贴]
zz : http://yuandi6.blog.163.com/blog/static/207265185201210245435397/ 修改变量文件,设置自定义快捷键. Allegro可以通过修 ...

eslint 快捷键设置_eslint的妙用和快捷修复

eslint 快捷键设置_eslint的妙用和快捷修复相关推荐

最新文章

热门文章