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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 一次阿里笔试

    一次阿里笔试时间2020年2月5日主题阿里一面:笔试/代码面时长一个小时前置条件已经历电话面试,约定好笔试时间其它社招、在线笔试结果通过题目类型并发、很简单的算法题题目及当时自己提交的答案1、(JDK1.8)线程A打印a,线程B打印l,线程C打印i,三个线程交替打印,各打印102次,alialiali……publicclassThreadP…

    2022年5月10日
    43
  • 414aa[通俗易懂]

    414aa[通俗易懂]m=eval(input())ifm==1:print(“11”)elifm==2:print(“22”)elifm==3:print(“33”)else:print(“4444”)

    2022年6月9日
    51
  • Effective C++:规定27:尽量少做动作的过渡

    Effective C++:规定27:尽量少做动作的过渡

    2022年1月5日
    40
  • python操作Elasticsearch数据库[通俗易懂]

    python操作Elasticsearch数据库[通俗易懂]fromelasticsearchimportElasticsearch#连接数据库es=Elasticsearch([{‘host’:”localhost”,’port’:9200}])#创建索引es.indices.create(index=’es_python’,ignore=400)#插入单条数据es.index(index=”es_python”,doc_type=…

    2022年5月1日
    57
  • VIM加速

    VIM加速

    2021年6月19日
    168
  • aarch64指令集_AArch64应用程序级编程模型

    aarch64指令集_AArch64应用程序级编程模型根据实现选择,体系结构支持多级执行特权,由从EL0到EL3的不同异常级别表示。EL0对应于最低的特权级别,通常被描述为无特权。应用层程序员模型是在EL0上执行软件的程序员模型。系统软件决定异常级别,因此决定软件运行的特权级别。当操作系统同时支持EL1和EL0执行时,应用程序通常在EL0上运行。允许操作系统以唯一的或共享的方式将系统资源分配给应用程序。从其他进程中提供一定程度的保护,因此有助于保护操…

    2022年10月17日
    0

发表回复

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

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