webstorm安装eslint插件_在WebStorm中使用ESLint开发Vue项目

对于习惯使用 IntelliJ IDEA 的玩家，使用 WebStorm 来编写前端代码比使用 Visual Studio Code 更得劲，于是开始折腾。。。

我使用的 WebStorm 版本是 2019.1 ，不同版本界面会有少许区别。

安装插件

首先在 WebStorm 安装 Vue.js、element、

在 Languages & Frameworks - JavaScript - Code Quality Tools - ESLint 中，勾选 Automatic ESLint configuration 启用 WebStorm 的 ESLint 功能。

在 ESLint Settings 中勾选 Enable ，并配置下图所示的选项，从而启用我们安装的 ESLint 插件。

设置 ESLint 自动修复快捷键，尽量不要覆盖最主要的一些快捷键，比如 Command+Option+L 的格式化快捷键，防止在不需要 ESLint 的项目中无法使用。

这里我设置的快捷键和自动格式化的快捷键比较近，方便使用。

配置 Code Style

打开我们已经配置好 .eslintrc.js 的 vue + element-ui + eslint 的前端工程，右键 .eslintrc.js 文件，选择 Apply ESLint Code Style Rules 。会把我们配置的 .eslintrc.js 文件中的 Code Style Rules 应用到 WebStorm 中。

在 Editor - Code Style - HTML 的 Other 中，勾选 In empty tag ，并添加 script 标签到 Do not indent children of 中。

作用是空标签会加空格，并且取消 script 标签的缩进。

在 Editor - Inspections 的 HTML 中去掉 Empty tag 和 Unknow HTML tag 的警告提示。

作用是去掉空标签的警告和 el-* 等标签的警告提示。

在 Languages & Frameworks - JavaScript - Libraries 中点击 Download Library ，找到 node 并点击 Download and Install 下载安装 node 库。下载后记得勾选 Enabled ，以启动。

作用是提供 node.js 的语法提示。

语言版本

在 Languages & Frameworks - JavaScript 中设置 JavaScript 的版本为 ECMAScript 6 。

至此，配置基本完成。

webstorm安装eslint插件_在WebStorm中使用ESLint开发Vue项目 | 六阿哥博客相关推荐

mysql表的设计几种方式_支持多种登录方式的数据表设计 | 六阿哥博客
一个带有用户系统的应用最基本登录方式是站内账号登录,但这种方式往往不能满足我们的需求.现在的应用基本都有站内账号.email.手机和一堆第三方登录,那么如果需要支持这么多种登录方式,或者还有银行卡登录 ...
Eclipse安装Git插件以及通过Git导入华为软件开发云项目
--内容提交-- 1. Eclipse安装Git插件 2. 在Eclipse中导入华为软件开发云项目, 以及常用Git操作一. Eclipse安装Git插件现在从eclipse官网下载 ...
Webstorm安装px2rem插件
做过前端开发的都知道,前端开发适配是一个头疼的问题,各种尺寸要算来算去,现在终于可以解决这个烦恼了,安装px2rem插件,一键解决px与rem换算的问题.现在就来演示一下怎么在webstorm怎么安装 ...
linux npm安装_怎样在Linux上开发vue项目
怎样在Linux上开发vue项目一.开发环境搭建:安装node.js环境以及vue cli工具 (1)安装node.js 从官网下载对应的二进制压缩包,如下图: 解压到程序安装目录 xz -d no ...
vscode 开发vue必备插件_vsCode开发vue项目必备插件
VSCode 开发Vue必备插件对于很多使用vscode编写vue项目的新手同学来说,可能不知道使用什么插件,这里简单说一下我常用的几款插件. 1. vetur 实现在 vue 文件中: 语法错误检 ...
VsCode工具开发vue项目必装插件
VsCode工具开发vue项目必装插件目录 VsCode工具开发vue项目必装插件 1.概述 2.VsCode插件清单 2.1.Vetur插件让vue文件代码高亮 2.2.Vue VSCode Sn ...
wordpress启动_如何通过7个简单步骤正确地启动WordPress博客（2020）
wordpress启动 Do you want to start a WordPress blog the right way? We know that starting a blog can be ...
MD5算法在PB中的实现（转载自 - 阿多米 - 博客园）
MD5算法在PB中的实现(转载自 - 阿多米 - 博客园) 注:转载请写明出处.本文转载自--阿多米,原链接:http://www.cnblogs.com/zzjder/archive/2008/10 ...
ubuntu chrome java插件_在Ubuntu中为Chrome安装Java插件
问题描述我有JDK,在Ubuntu中一切正常,我是说IDE,一些应用程序,我能够开发和运行项目,但是我在Chrome中收到一条消息:Java(TM) is required to display t ...

webstorm安装eslint插件_在WebStorm中使用ESLint开发Vue项目 | 六阿哥博客

webstorm安装eslint插件_在WebStorm中使用ESLint开发Vue项目 | 六阿哥博客相关推荐

最新文章

热门文章