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)


相关推荐

  • mysql中casewhen用法_sql case

    mysql中casewhen用法_sql case使用CASEWHEN进行字符串替换处理mysql>select*fromsales;9rowsinset(0.01sec)SELECTnameASName,CASEcategoryWHEN”Holiday”THEN”Seasonal”WHEN”Profession”THEN”Bi_annual”WHEN”Literary”THEN”Random”…

  • 《老漏洞复现与分析篇》 – 其一 – shift后门

    《老漏洞复现与分析篇》 – 其一 – shift后门引言因为本菜鸡的博客没什么文章素材,所以想开一个新文章类别,本来想整一个漏洞分析和复现的,无奈由于实力不允许,只能再前面加一个“老”字,整一点多年前的老漏洞拿来复现和分析。俗话说得好,要善于总结前人的经验和智慧,才能在自己的前进道路上走得更快。本系列在我能理解的范围内我都会详细讲解,我不能理解的就靠收集网上的资料了,引用会注明来源和作者,如有侵权请联系我删除。那么废话…

  • matlab 求矩阵秩,用MATLAB编程求矩阵的秩

    matlab 求矩阵秩,用MATLAB编程求矩阵的秩fori=n:-1:1我明白了,就是极大无关组,我的这个程序把所有的基都写出来了,你只要选一个就可以,还对两种矩形的矩阵(例如2×3,3×2都测试了);如果谁会优化这个程序的会更好!代码如下:ji.m%A=[17241815%23571416%46132022%812264044]A=[1,0,1,2;2,0,2,4;1,-1,1,1…

  • 【高等数学】单射,满射,双射的区别

    【高等数学】单射,满射,双射的区别 

  • TIA PORTAL_Tia v17

    TIA PORTAL_Tia v17Coprocessor

  • mina框架是什么意思(个人年度总结框架)

    参考:http://xinsync.xju.edu.cn/index.php/archives/category/prglang/java/mina简单介绍:MINA框架是对java的NIO包的一个封装,简化了NIO程序开发的难度,封装了很多底层的细节,然开发者把精力集中到业务逻辑上来,最近做了一个相关的项目,为了备忘对MINA做一个总结。下面这个start方法用来初始化MINA:priv…

发表回复

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

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