webstorm 设置tslint_webstorm（2019）配置eslint规范

在项目中我们为了代码书写更规范，在项目中安装ESlint帮助我们检查语法，那么下面介绍下在webstorm中如何配置ESlint规范

步骤如下：

1.快捷键:ctrl+alt+s打开设置，找到Code Style，将Indents Detection和EditorConfig下的去掉勾选，具体看下图

2.在Code Style子文件下找到你想修改的文件类型，将缩进全部改为2

3.标签识别，找到HTML，点击进入找到Do not indent children of:，然后点击右边的文件夹，在打开的小窗口中点击“+”，将“script”添加进去。

4.检查是否选择的是es6，新版的webstorm默认选择的是es6语法

5.webstorm2019的eslint默认没有禁用，检查只要没勾选Disable Eslint就行

6.上面所有设置完之后点击"ok"，在你的项目下找到“.eslintrc.js”文件，右键----->Apply ESlint Code Style Rules。

7.最后一步，我们发现export default上面是灰色的提醒，鼠标移上去后发现提示unused export default，这是因为没有具体的使用这个导出，是JavaScript的一个语法提示。快速的方法是：点击右下角的小人头，将进度条拖到none，点击“ configure inspections”找到“unused global symbol”去掉勾选，然后就可以看到灰色的提醒消失了。在格式化代码的时候用快捷键ctrl+alt+L就可以自动整理成符合ESlint风格的代码了。

扩展：

设置webstorm主题

1.选择主题，webstorm默认主题是白色的，如果觉得白色太亮，可根据你的喜好在这里设置成暗一点的颜色

2、设置字体大小，webstorm默认字体是12号，如果你觉得字体太小可在Font里进行设置

上面这些便是我查找资料后总结的完整版，写下来作为笔记备忘

webstorm 设置tslint_webstorm（2019）配置eslint规范相关推荐

vscode自动修复eslint规范的插件及配置
在开发大型项目中,经常都是需要多人合作的.相信大家一定都非常头疼于修改别人的代码的吧,而合理的使用eslint规范可以让我们在代码review时变得轻松,也可以让我们在修改小伙伴们的代码的时候会更加清 ...
vscode 新版eslint自动修复_vscode自动修复eslint规范的插件及配置
在开发大型项目中,经常都是需要多人合作的.相信大家一定都非常头疼于修改别人的代码的吧,而合理的使用eslint规范可以让我们在代码review时变得轻松,也可以让我们在修改小伙伴们的代码的时候会更加清 ...
eslint 无法格式化ts_vscode保存代码，自动按照eslint规范格式化代码设置
vscode保存代码,自动按照eslint规范格式化代码设置编辑器代码风格一致,是前端代码规范的一部分.我们现在前端绝大部分都在使用eslint,或者将要把代码改为eslint,那么此时我们怎么方便 ...
编辑器eslint格式_vscode保存代码，自动按照eslint规范格式化代码设置
vscode保存代码,自动按照eslint规范格式化代码设置编辑器代码风格一致,是前端代码规范的一部分.同一个项目,或者同一个小组,保持代码风格一致很必要.就拿vue项目来说,之前做的几个项目,很多 ...
Webpack 2 视频教程 009 - 配置 ESLint 实现代码规范自动测试 (上)
原文发表于我的技术博客这是我免费发布的高质量超清「Webpack 2 视频教程」. Webpack 作为目前前端开发必备的框架,Webpack 发布了 2.0 版本,此视频就是基于 2.0 的版本讲 ...
基于 Node.js + Koa 构建完整的 Web API （配置 ESLint 和使用 Airbnb 编码规范）
主题内容:基于 Node.js + Koa 构建完整的 Web API (配置 ESLint 和使用 Airbnb 代码规范) 背景描述:上一篇基于 Node.js + Koa 构建完整的 Web ...
eslint 设置目录_ESLint 配置
ESLint 配置 ESlint 被设计为完全可配置的,这意味着你可以关闭每一个规则而只运行基本语法验证,或混合和匹配 ESLint 默认绑定的规则和你的自定义规则,以让 ESLint 更适合你的项目 ...
React 创建项目流程+配置 eslint、 prettier 和 commitlint 规范工程
一. 利用create-react-app创建TS项目 React中文文档 :开始 – React npx create-react-app projectName --template typesc ...
关闭eslint检查2020_2020 vscode配置eslint保存后自动fix
2020 vscode配置eslint保存后自动fix 这篇文章发布于 2019/10/12,归类于计算机基础与开发工具标签: vscode 保存自动fix,vscode 保存执行fix,esli ...

webstorm 设置tslint_webstorm（2019）配置eslint规范

webstorm 设置tslint_webstorm（2019）配置eslint规范相关推荐

最新文章

热门文章