webstorm根据eslint保存的时候格式化代码

webstorm根据eslint保存的时候格式化代码前言:用webstrom把vue项目设置eslint规则,然后保存的时候根据eslint规则格式化当前组件的代码目录:操作步骤:(参考入口)1、点击settings->pluings->搜索eslint->Install安装​​2、安装好之后,找到settings中ESLint,选中,就会进入配置页面,3、到这一步,实际规则已经配置好了,下来就是调用的问题了,搜索keymap,然后把右边的去掉,改成esli,就可以看到FixESLintP…

大家好,又见面了,我是你们的朋友全栈君。

前言:

      用webstrom把vue项目设置eslint规则,然后保存的时候根据eslint规则格式化当前组件的代码

目录:

操作步骤:(参考入口)

1、点击settings->pluings ->搜索eslint-> Install安装 ​​2、 安装好之后,找到settings中ESLint,选中,就会进入配置页面,

3、到这一步,实际规则已经配置好了,下来就是调用的问题了,搜索keymap,然后把右边的去掉,改成esli  ,就可以看到  Fix ESLint Problems了,然后右键新增快捷键 Alt+F,

4、最后一步,页面上验证,写完代码,然后点 Alt+F 看看页面有没有跟着你的规则变,变就成功了


操作步骤:(参考入口)

1、点击settings->pluings ->搜索eslint-> Install安装 
这里写图片描述这里写图片描述
2、 安装好之后,找到settingsESLint,选中,就会进入配置页面,

勾选Enable->

第一项配置自己安装nodejs目录下node.exe,

第二项配置当前项目中node_modules/.bin目录下的eslint.cmd, 

第三项改成.eslintrc.js (自定义的校验规则,非必须)

webstorm根据eslint保存的时候格式化代码

3、到这一步,实际规则已经配置好了,下来就是调用的问题了,搜索keymap,然后把右边的去掉,改成esli  ,就可以看到  Fix ESLint Problems了,然后右键新增快捷键 Alt+F,

webstorm根据eslint保存的时候格式化代码

webstorm根据eslint保存的时候格式化代码

webstorm根据eslint保存的时候格式化代码

webstorm根据eslint保存的时候格式化代码

4、最后一步,页面上验证,写完代码,然后点 Alt+F 看看页面有没有跟着你的规则变,变就成功了

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/134507.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(1)
blank

相关推荐

  • 指数函数求导_常见求导公式表

    指数函数求导_常见求导公式表a^x=y求y'y'=d(a^x)/dx=lim(x->0):(a^(x+dx)-a^x)/dx(1)根据指数函数可推出:x^(y+z)=x^y*x^z所以(

  • 字符0的ascii码值是多少_码值是什么

    字符0的ascii码值是多少_码值是什么\0的ASCII码值是多少

  • 树莓派3B+ 安装系统

    树莓派3B+ 安装系统树莓派3B+安装系统对于树莓派3B+系统安装方法有很多,我就介绍比较普通的一种。适合小白操作!安装概要步骤:官网下载系统-》刷入TF卡-》设置开启显示器和SSH-》通电-》进入系统详细步骤进入官方网站下载系统镜像。https://www.raspberrypi.org/downloads/来到下面这个页面如果感觉下载速度慢,可以将下载链接放到迅雷里面下,基本可以做到满速下载!下载

  • 密歇根安娜堡计算机排名,密歇根大学的计算机系统排名,该细心来考查

    密歇根安娜堡计算机排名,密歇根大学的计算机系统排名,该细心来考查

    2021年11月27日
  • noip2013 day1

    noip2013 day11.转圈游戏(circle.cpp/c/pas)【问题描述】n个小伙伴(编号从0到n-1)围坐一圈玩游戏。按照顺时针方向给n个位置编号,从0到n-1。最初,第0号小伙伴在第0号位置,第1号小伙伴在第1号位置,……,依此类推。游戏规则如下:每一轮第0号位置上的小伙伴顺时针走到第m号位置,第1号位置小伙伴走到第m+1号位置,……,依此类推,…

    2022年10月29日
  • ensp配置静态路由的步骤_2个路由器静态路由配置

    ensp配置静态路由的步骤_2个路由器静态路由配置eNSP配置静态路由目标配置目标:如下拓扑结构,从CLIENT1去pingCLIENT2,ping通拓扑结构路由配置配置各个路由表的核心思想是:只有这个路由表中有一个网段的网络号,才可以从这个路由器跳转到该网段,下面只展示R1的前往CLIENT2的路由配置,其他路由器及返回过程配置类似。CLIENT1配置CLIENT2配置R1配置[R1]int…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号