webStorm自动格式化

最近开始使用Webstorm与vscode编辑前端代码，发现自动格式化存在问题，解决方案过于分散驳杂，现将其大致整理如下： vscode代码格式化问题： 1. 问题描述 使用自带格式化方式，出现与eslint格式验证冲突问题： 句末自动加分号 单引号自动变为双引号 函数与括号之间空格被删除 2. 解决方法 修改快捷键 File->preference->keyboard Shor...

我们因为修改某个bug、或者功能迭代对代码进行调整，提交代码后会发现提交了很多自动的格式化的内容，自动格式化的内容往往比我们要修改的bug要多的多。按照经验而言，对于历史代码，最好不要动，如果非要动，那动的越少越好。首先要声明的是，这个自动格式化的出发点从代码规范来讲，是一个正确的做法，能够自动的帮助我们有效的规范代码。使用Webstorm和Idea等IDE代码开发工具编辑代码时，有时会发现IDE自动的进行一部分的代码格式化，例如自动去掉空格、在代码最底部自动插入一个空白行的情况。原因说清楚了，现在说下。

1、进入设置去除ESLint 2、进入代码影藏一下代码

1、每行代码结尾自动加上;分号： Ctrl+Shift+S→编辑器→Code Style→Punctuation→Use（下拉框选Use）semiconlon to terminate statements 后面下拉框选always 2、JSON对象的属性名始终采用双引号： Use double（下拉框选double）quotes 后面下拉框选always 3、自动化格式去掉JSON对象最...

目录设置保存自动格式化和eslint修复1、打开文件2、启动宏任务录制3、录制宏任务4、结束宏任务录制5、对宏任务设置启动快捷键并覆盖原来的ctrl + s快捷键本人的格式化规则htmljavascriptstyle 如果你使用过vscode，那么你应该知道它可以借助插件来在保存时自动格式化。其实webstorm也可以实现，而且功能更加强大。 首先你需要知道webstorm中的宏和代码格式化已经eslint修复。废话不多说，上步骤和截图 设置保存自动格式化和eslint修复 1、打开文件 打开一个使用了es

最近小鹿开始从vscode转到使用WebStorm进行前端开发，主要是觉得WebStorm的强大功能以及界面更让小鹿感觉到舒服，但是我用了半天后发现小鹿写的代码居然都没有进行格式化。网上找了很多方案（尤其是CSDN）也都是复制粘贴的一堆没用的方案，不过最终小鹿还是找到了解决办法，记录一下。

【代码】webstorm 保存自动格式化。

之后在 ctrl + s保存之后，webstorm 都会根据eslint 的规则自动格式化。

WebStorm 保存时格式化代码

录制宏: Edit-Macros-Start Macro Recording-逐次按下:ctrl＋alt＋l 与 ctrl+s - 窗口右下角关闭宏(orEdit-Macros-Stop Macro Recording)-输入宏名称'保存时格式化代码'：录制宏: 编辑-宏-开始录制宏-逐次按下:ctrl＋alt＋l 与 ctrl+s - 窗口右下角关闭宏(or编辑-宏-停止录制宏)-输入宏名称'保存时格式化代码'2.逐次按下:ctrl＋alt＋l 与 ctrl+s，然后点击右下角的停止录制。

webstorm使用小tip

WebStorm 是一个功能强大的集成开发环境（IDE），提供了丰富的功能来帮助开发者高效地编写、调试和维护代码。代码格式化是 WebStorm 中非常重要的功能之一，能够帮助开发者保持一致的代码风格，提高代码可读性和可维护性。WebStorm 是一个功能丰富的 IDE，除了格式化代码之外，它还有许多其他强大的功能，帮助开发者提高开发效率。WebStorm 允许你自定义代码格式化规则，确保你的代码符合项目的代码风格。如果只想格式化代码的某一部分，选择该部分代码，然后使用相同的快捷键（

配置webstorm按eslint规则自动格式化代码

原文链接: webstorm 使用 Prettier 配合 eslint 自动格式化修复代码 ...

Webstorm里Prettier在保存时没有自动格式化文件的解决方案

参考