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


相关推荐

  • JS兼容性处理

    JS兼容性处理

    2021年7月9日
    85
  • 有了这 15 款编程游戏,谁都可以学编程!

    有了这 15 款编程游戏,谁都可以学编程!程序员的成长之路互联网/程序员/成长/职场关注阅读本文大概需要5.2分钟。1CodingGames一边玩游戏,一边挑战编程难题。Codinggames支持包括P…

    2022年4月19日
    153
  • echarts+vue_vue安装echarts

    echarts+vue_vue安装echarts1.安装cnpminstallecharts-wordcloud2.创建模板组件WordCloudChart<template><div:id=”id”:style=”{height:height,width:width}”/></template><script>importechartsfrom”echarts/lib/echarts”;importresizefrom”@/m

    2022年10月9日
    0
  • PO模式简介「建议收藏」

    PO模式简介「建议收藏」PO模式简介1.什么是PO模式PO模型是:PageObjectModel的简写页面对象模型作用:就是把测试页面和测试脚本进行分离,即把页面封装成类,供测试脚本进行调用;分层机制,让不同层去做不同类型的事情,让代码结构清晰,增加复用性。PO设计模式是Selenium自动化测试中最佳的设计模式之一,主要体现在对界面交互细节的封装2.不使用PO设计会出现以下几种情况:复用性不太好,扩展性不好,易读性差,不好维护,UI界面频繁的项目维护起来比较麻烦。3.PO模式的优缺点优点:提高代

    2022年6月11日
    65
  • office 2007 官方版

    office 2007 官方版ftp://159.226.150.94/f:/myftpsite/software/microsoft%20office%202003%D3%A2%CE%C4%D5%FD%CA%BD%B0%E65cd%BA%CF1/OFFICE11.ISO正版的office2007pro没序列号需要的帮忙找找序列号~ 转载于:https://blog.51cto.com…

    2022年7月19日
    13
  • 获取@ApiModelProperty注解的value与对应的类属性名

    获取@ApiModelProperty注解的value与对应的类属性名目标类 代码实现 publicclassT publicstatic String args Propertiesdi getApiModelP com tfjybj msg model DingLinkMess System out println dingLinkMess pu

    2025年7月8日
    0

发表回复

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

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