eslint在webstorm的使用

摘要:
一、打开webstorm-settingsmac可以快捷键打开:『command+,』即同时按下command和逗号找到plugins,在右侧输入eslint,点击下面蓝色的searchinrepositories,弹出图2的框,点击install进行安装,安装完成后应用就可以了这个时候可以在需要格式化的文件内,右键,会弹框,点击fixeslintproblems,就可以实现eslint格式化啦,

一、打开webstorm-settings

mac可以快捷键打开:『command +,』 即同时按下command和逗号

找到plugins,在右侧输入eslint,点击下面蓝色的search in repositories,弹出图2的框,点击install进行安装,安装完成后应用就可以了

这个时候可以在需要格式化的文件内,右键,会弹框,点击 fix eslint problems,就可以实现eslint格式化啦,但是每次这样点太麻烦了,设置一个快键键吧,请移步第二点

eslint在webstorm的使用第1张eslint在webstorm的使用第2张

eslint在webstorm的使用第3张

二、设置快捷键

打开settings-keymap,找到eslint,找到fix eslint problems,右击,选择add keybord shortcut,输入自己定义的快捷键

eslint在webstorm的使用第4张

免责声明:文章转载自《eslint在webstorm的使用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Debian下自动备份文件并上传到远程FTP服务器且删除指定日期前的备份Shell脚本ElasticSearch7.x系列二:Kibana的使用和C#的Nest客户端下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

在 Vue+TypeScript 项目中,如何配置 ESLint 和 Prettier

在接手一些老项目的时候,最让人头疼的就是代码格式化不统一的问题,控制台满屏 eslint 警告,简直是要逼死强迫症的节奏。 如果是开启一个新的Vue项目,我一定会选用 Vue Cli + TypeScript + ESLint + Prettier 的组合,这个配置有以下好处: TypeScript 使我们的代码更规范 ESLint + Prettie...

VScode设置vue文件中保存自动格式化代码以及settings.json文件的配置。

最近在做vue 项目中,由于安装有代码检测工具ESlint,每次写完代码后就发现很多语法警告,查找配置好多也有许些小问题,现记录一份settings.json配置文件。 1、设置如下:  2、settings.json文件配置如下: { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndent...

mac vscode 下载安装与配置

下载安装 1、官网下载https://code.visualstudio.com/ 配置 1、常用插件下载 中文:Chinese (Simplified) Language Pack 代码校验:eslint vue代码优化显示:vetur vue简写代码:vue vscode snippets   prettier的html换行有毒 2、修改中...

Vue取消eslint语法限制

eslint是一个语法检查工具,但是限制很严格,在我的vue文件里面很多空格都会导致红线(红线可以关闭提示),虽然可以关闭,但是在编译的时候老是会跳出来,所以能关闭是最好的了。 关闭方法: 在build/webpack.base.conf.js文件中,注释或者删除掉:module->rules中有关eslint的规则 module: { rule...

Vue搭建脚手架2

Vue2.0搭建Vue脚手架(vue-cli) 在网上找了很多的搭建脚手架教程,但都不求甚解。终于找到2个比较好的教程,读者可对比阅读1和2,在这里分享给大家,希望对初学者有所帮助。ps:高手请绕道。 1.使用npm全局安装vue-cli(前提是你已经安装了nodejs,否则你连npm都用不了),在cmd中输入一下命令 npm install --glo...

WebStorm的下载与安装

百度搜索: 链接:http://www.jetbrains.com/webstorm/ 链接:http://www.jetbrains.com/student/ 学生免费授权计划 请从正规来源下载软件  WebStormIDE跟普通的代码编辑器的区别在于:   不仅可以编写代码,还提供编译打包、版本控制、自动构建以及调试等功能。 下载 1、在官网,...