如何将整个项目按照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天前
VSCode 自动格式化
VSCode 自动格式化
|
2天前
|
JSON JavaScript 前端开发
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
|
JavaScript 前端开发
在VSCode中 使用 ESLint + Prettier检查代码规范及自动格式化前端Vue代码
般的代码格式化工作,ESLint完全可以胜任,为什么要用Prettier代替ESLint的代码格式化功能?简而言之,Prettier的代码格式化功能比ESLint更强大,配置更简单,通过配置,ESLint可以使用Prettier的代码规则进行校验,如果不配置好,会出现冲突,导致二者不能配合使用。 下面详细介绍如何配置ESLint+Prettier在VSCode中开发Vue代码:
971 0
在VSCode中 使用 ESLint + Prettier检查代码规范及自动格式化前端Vue代码
|
9月前
|
JavaScript 前端开发
ESlint + Stylelint + VSCode自动格式化代码(2023)
ESlint + Stylelint + VSCode自动格式化代码(2023)
189 0
|
2天前
|
JavaScript 前端开发 C++
VSCode Vue 代码自动格式化问题
VSCode Vue 代码自动格式化问题
|
5月前
|
JavaScript
prettier格式化问题
prettier格式化问题
34 0
|
9月前
|
JSON 数据格式
ESlint 保存自动格式化代码
第一步:在VScode下载ESlint插件,找到右下角设置图标点击扩展设置。
130 0
|
10月前
Vscode如何配置自己的eslint实现自动格式化代码
Vscode如何配置自己的eslint实现自动格式化代码
|
11月前
|
JavaScript 前端开发 开发工具
从esLint+Prettier开始格式化代码
从esLint+Prettier开始格式化代码
295 0
从esLint+Prettier开始格式化代码
|
资源调度 JavaScript 前端开发
如何为前端项目一键自动添加eslint和prettier的支持
本文以vite脚手架创建的项目为基础进行研究的,如果是其他脚手架创建的项目,那么就要自己去修改处理,但是原理是一样的。
181 0