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 看看页面有没有跟着你的规则变,变就成功了

 

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

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

(1)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 基于Spring MVC + Spring + MyBatis的【密室逃脱游戏主题排行榜】

    基于Spring MVC + Spring + MyBatis的【密室逃脱游戏主题排行榜】一、语言和环境实现语言:Java语言环境要求:eclipse/myeclipse/idea、maven、mysql使用技术:Spring、SpringMVC、MyBatis、连接池和json包自行选择二、实现功能密室逃脱游戏越来越受年轻人的喜欢,现在将各地密室游戏主题进行排名,评选2021年度最受玩家喜欢的密室主题。说明:下列界面样式仅供参考,实际完成效果美观合理即可。1.显示数据:根据图1格式,显示t_games表中所有的数据,并且按照【票数】列进行降序排序,其实【主题种类】一列在t_g

    2022年5月10日
    45
  • 【手把手】制作一个简单的HTML网页

    【手把手】制作一个简单的HTML网页新建一个html文件:我要给body添加一些样式,就在head元素上挂载一个style元素。然后,写样式表:效果:这样的话,我们就可以看到body部分了。现在,我给body添加一点padding。页面上看不出区别,让我们打开F12,看一下现在的body变成了什么样子。示意图:从图中可以看出,body元素分为三层,最里面的一层,就是520×500的那部分,这个叫做内部真实空间,也就是说,你可以在里面添加其他元素,比如div元素,p元素,a元素等等。然后中间的一层就是paddin

    2022年7月27日
    20
  • kali linux 使用教程_kali linux安装软件

    kali linux 使用教程_kali linux安装软件kali-linux激活成功教程wif密码教程kali-linux激活成功教程wif密码教程一.需要准备:(1)安装VMwareWorkstation虚拟机。(2)安装kali-linux系统。(3)准备网卡二.开始激活成功教程(1)插上无线网卡(2)输入ifconfig查看网卡信息,出现wlan0说明连接成功(3)输入airmon-ngstartwlan0开启网卡监听模式(4)输入iwconfig命令查看网卡信息(5)输入airodump-ngwlan0mon(6)数据抓取===操作步骤===(7)解压kali自带的字

    2022年10月8日
    3
  • Solr使用入门指南

    Solr使用入门指南

    2021年12月2日
    43
  • c语言游戏小型程序代码,C语言小游戏源码「建议收藏」

    c语言游戏小型程序代码,C语言小游戏源码「建议收藏」在此提供C语言小游戏源码,包括扫雷游戏,贪吃蛇游戏,时钟等。运行时只要把红色部分改为自己电脑上TC目录的BGI分目录即可。//扫雷游戏#include#include#include#defineLEFTPRESS0xff01#defineLEFTCLICK0xff10#defineLEFTDRAG0xff19#defineMOUSEMOVE0xff08struct{int…

    2022年5月19日
    55
  • C语言练习7—一维数组删除指定位置元素

    C语言练习7—一维数组删除指定位置元素题目在一维数组删除指定位置元素,现定义第一个元素位置为1,一维数组元素个数不确定,需要动态输入,并返回删除元素后的数组以及被删除的元素。例如输入数组个数为n=4;将要删除的数组元素位置是2;在这里插入代码片…

    2022年8月11日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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