如何将整个项目按照eslint格式化

简介: 如何将整个项目按照eslint格式化

一:前情回顾


之前已经分享了如何设置eslint和Prettier对项目进行格式化,但是这样的格式化只限于文件被修改时,才会触发自动格式化代码。

那么,问题来了,已经形成很久的代码,难道我们也要一个一个文件去点开,然后敲个空格,在进行保存吗?

这就太不优雅了。

二:按文件夹格式化


为什么我说按文件夹格式化呢?因为,像node项目,是有依赖文件夹node_modules文件夹的,这个文件夹是不上传git仓库,且不需要格式化的。
那么我们只需要在其他文件夹上,进行右键,选择Reformat Code,如有需要可以勾选Include subdirectories(包括子目录),然后点击Run
稍等片刻,让编辑器跑一会儿,你就得到了完成格式化的项目。

image.pngimage.png

三:结语


有人说,这样搞的话,git全是你的提交,但是,反过来想一下,团队内执行了全项目的代码格式化,然后,都是用同一套格式化规范,我们就可以避免了不同的人因为格式化导致的代码冲突。很明显,这是利大于弊的。何乐而不为呢!

项目中如何增加eslint和Prettier:https://www.yuque.com/morange/morange/gn4wgi

寄语

迈出第一步,就成功一半了。

目录
相关文章
|
2月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 来检查代码规范并自动格式化 Vue.js 代码。
【10月更文挑战第7天】随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 来检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这两个工具,可以确保代码风格一致,提升团队协作效率和代码质量。
270 2
|
1月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
449 4
|
1月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这些工具,可以确保代码风格一致,提高代码质量和可读性。
135 1
|
2月前
|
JavaScript 前端开发 开发者
如何在 VSCode 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码,提升团队协作效率和代码质量。
【10月更文挑战第9天】随着前端开发技术的发展,代码规范和格式化工具变得至关重要。本文介绍如何在 VSCode 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码,提升团队协作效率和代码质量。通过安装插件、配置 ESLint 和 Prettier,以及设置 VSCode,实现代码实时检查和格式化,确保代码风格一致。
239 2
|
JavaScript 前端开发
在VSCode中 使用 ESLint + Prettier检查代码规范及自动格式化前端Vue代码
般的代码格式化工作,ESLint完全可以胜任,为什么要用Prettier代替ESLint的代码格式化功能?简而言之,Prettier的代码格式化功能比ESLint更强大,配置更简单,通过配置,ESLint可以使用Prettier的代码规则进行校验,如果不配置好,会出现冲突,导致二者不能配合使用。 下面详细介绍如何配置ESLint+Prettier在VSCode中开发Vue代码:
1394 29
在VSCode中 使用 ESLint + Prettier检查代码规范及自动格式化前端Vue代码
|
4月前
vscode——Prettier插件保存自动格式化
vscode——Prettier插件保存自动格式化
202 0
|
6月前
|
JavaScript 前端开发
【前端 - Vue】关于ESlint代码规范及格式化插件
【前端 - Vue】关于ESlint代码规范及格式化插件
|
JavaScript 前端开发
ESlint + Stylelint + VSCode自动格式化代码(2023)
ESlint + Stylelint + VSCode自动格式化代码(2023)
261 0
|
JavaScript
解决eslint 报错的方法
解决eslint 报错的方法
432 1
|
JavaScript
prettier格式化问题
prettier格式化问题
72 0