第六节强制代码格式化规范

最新推荐文章于 2024-11-06 06:10:05 发布

hongc93

最新推荐文章于 2024-11-06 06:10:05 发布

阅读量511

点赞数 9

分类专栏： vue3 elementPlus mock后台管理系统文章标签：代码规范

本文链接：https://blog.csdn.net/hongc93/article/details/135333703

版权

vue3 elementPlus mock后台管理系统专栏收录该内容

22 篇文章 1 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何通过husky设置pre-commit钩子，实现代码格式化的自动化，确保src目录下的js和vue文件遵循统一的代码规范。文章简单明了，适合希望提升代码质量的开发者阅读。

摘要由CSDN通过智能技术生成

系列文章目录

前言

操作方法

总结

前言

代码格式化强制执行

操作方法

使用husky强制代码格式化，创建配置文件
npx husky add .husky/pre-commit
文件夹husky下会新增文件
在文件pre-commit中写入
```
npx run lint
```

把package.json文件的lint-staged修改为

"lint-staged":{
    "src/**/*.{js,vue}":[   // src目录下所有js和vue文件  
      "eslint --fix", // 自动修复
      "git add"  // 自动提交时

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hongc93

关注关注

9
点赞
踩
7

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

订阅专栏

格式化Delphi代码,自动缩进

08-12

5. **版本控制系统**：结合 Git 等版本控制系统，可以强制执行代码格式化规则。通过钩子（hooks）或者集成 Lint 工具，可以在代码提交前自动检查并修复格式问题，确保团队成员之间的代码风格一致。 6. **自动化流程...

husky

小秀的博客

01-25

634

会在根目录下生成个一个 .husky 目录，在这个目录下面会有一个 pre-commit 文件，这个文件里面的命令在我们执行 commit 的时候就会执行。我们已经集成好了我们代码校验工具 eslint，prettier，stylelint，但是需要每次手动的去执行命令才会格式化我们的代码。当我们对代码进行 commit 操作的时候，就会执行命令，对代码进行格式化，然后再提交。所以，要只看暂存区的代码（自己的代码），需要暂存区 eslint 校验。默认进行的是全量检查，存在耗时问题，历史遗留问题。

参与评论您还未登录，请先登录后发表或查看评论

vue3-ts：husky + prettier / 代码格式化工具

snowball的博客

08-07

1214

Prettier是一个流行的代码格式化工具，它的主要作用是帮助开发者自动规范化代码的格式，提高代码的可读性和一致性。Prettier通过解析代码并使用自己的规则重新打印它，以确保代码风格的一致性和符合预设的格式化标准。

前端格式化工具使用（eslint、stylelint、prettier、lint-staged和husky搭配格式化代码）

AIWWY的博客

01-09

1507

例如react中通常eslint检测会报下面错误，可以通过引入eslint-plugin-react插件，然后在rules中添加''react/jsx-users-react':2,'react/jsx-uses-vars':2来开启规则避免报错。注意和eslint不同的是标准的共享配置需要安装，npm install stylelint-config-standard然后在extends中引入 stylelint-config-standard。是一个强大的,现代的代码检查工具,与ESLint类似,

项目中使用 husky 格式化代码和校验 commit 信息

fe_watermelon的博客

11-02

2751

大家好，我是前端西瓜哥。今天我们学习使用 husky 工具，在 commit 的时候做一些风格的校验工作，包括 commit 信息格式化和文件格式化。

vue3 webpack项目中svg图标处理方案

weixin_45730243的博客

08-05

1521

目录结构背景：在我们的项目中所使用的 icon 图标，一共分为两类：1、element-ui等第三方组件库icon2、自定义的 svg 图标对于element-plus的图标我们可以直接通过 el-icon 来显示，但是自定义图标的话，我们暂时还缺少新显示的方式，所以说我们需要一个自定义的组件，来显示我们自定义的 svg 图标那么这种自定义组件处理自定义 svg 图标的形式，就是我们在面临这种问题时的通用解决方案那么对于这个组件的话，他就需要拥有两种能力。...

Python 代码编程规范

09-23

- **字符串**：正确处理字符串，尤其是在进行拼接或格式化操作时。 - **TODO注释**：使用TODO注释标记待完成的工作或待优化的部分，便于团队成员之间的沟通和协作。 - **导入格式**：合理组织和管理导入语句，保持...

代码规范手册

10-09

#### 第6章注释规范 - **文档注释**：为公共API提供详细的文档注释，包括参数、返回值和异常说明。 - **实现逻辑注释**：为复杂的逻辑提供简短的注释说明。 #### 第7章编程实践这一章节可能包含了一些最佳实践...

源代码书写规范

10-11

规范化的代码通常更易于检查和调试，因为它们遵循一致的规则，减少了隐藏的错误源。 3. 一致的代码风格：保持一致的代码风格，无论是缩进、空格使用还是注释格式，都是为了创造一种感觉，即整个项目由同一人完成，...

JAVA编码规范V1.0.0

02-06

本节将详细介绍代码布局方面的规范，以及一些基本格式的要求。 #### 代码布局代码布局对于提高程序的可读性、可维护性和整体质量至关重要。良好的布局不仅能够使代码更易于理解，还能提高团队协作的效率。 #####...

使用husky给项目添加git提交前的代码格式化,使团队代码格式统一

韩吉鑫的博客

06-03

1157

首先我们先了解一下husky husky 其实就是一个为 git 客户端增加 hook 的工具。将其安装到所在仓库的过程中它会自动在 .git/ 目录下增加相应的钩子实现在 pre-commit 阶段就执行一系列流程保证每一个 commit 的正确性。部分在 cd commit stage 执行的命令可以挪动到本地执行，比如 lint 检查、比如单元测试。当然，pre-commit 阶段执行的命令当然要保证其速度不要太慢，每次 commit 都等很久也不是什么好的体验。安装插件 yarn add h

使用husky, prettier, lint-stage在代码提交时自动格式化

一捆铁树枝的博客

07-10

3138

1.安装husky lint-staged pretty npm i -D husky lint-staged pretty 2.在package.json中添加配置 "husky": { "hooks": { "pre-commit": "lint-staged" } }, "lint-staged": { "*.{js,json,md}"...

代码风格统一：使用husky, prettier, eslint在代码提交时自动格式化，并检查代码。...

weixin_34204057的博客

11-20

2663

引言这个需求主要是组内成员用的编辑器不统一，代码风格也各异，所以在修改代码时，如果格式化了代码，在code review阶段很难分辨修改了的代码。当然，代码风格统一还有其他好处，这里就不不多废话了。先看效果源文件可以看到有很多红线，这个是因为不符合prettier的规则，这种情况下会使用eslint进行报错，就是你看到的红线了。具体如何配置之后再讲。下面来看看提交时的情况。对比上图，...

JavaScript 代码规范

lsx202406的博客

11-06

367

JavaScript 是一种广泛使用的编程语言，尤其在网页开发中扮演着核心角色。为了确保代码的质量、可维护性和团队协作效率，遵循一定的代码规范变得至关重要。本文将详细介绍 JavaScript 代码规范，包括命名规则、编码风格、注释、代码结构等方面。

基于 C++实现的旅行模拟系统课程设计

最新发布

11-11

【作品名称】：基于 C++实现的旅行模拟系统【课程设计】【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【项目介绍】：基于 C++实现的旅行模拟系统【课程设计】基于 C++实现的旅行模拟系统【课程设计】旅行模拟系统：本科二年级《数据结构》课程设计，使用 SPFA、Dijkstra 求解最大值最优路径，模拟退火求解均衡最优路径， A* 求解限制最优路径旅行模拟系统：本科二年级《数据结构》课程设计，使用 SPFA、Dijkstra 求解最大值最优路径，模拟退火求解均衡最优路径， A* 求解限制最优路径旅行模拟系统：本科二年级《数据结构》课程设计，使用 SPFA、Dijkstra 求解最大值最优路径，模拟退火求解均衡最优路径， A* 求解限制最优路径【资源声明】：本资源作为“参考资料”而不是“定制需求”，代码只能作为参考，不能完全复制照搬。需要有一定的基础看懂代码，自行调试代码并解决报错，能自行添加功能修改代码。

burpsuite-community-windows-x64-v2023-10-2-4.exe

11-11

burpsuite社区版，安装包备份一份到这里

【C语音期末/课程设计】学生证管理程序(DevC项目)

11-11

题目描述：请设计一个学生证管理的程序,以方便辅导员对学生证的管理，该程序应该具有以下功能： (1)能从键盘输入某位学生的学生证信息(学生证应该包含的信息可以参考自己的学生证)。 (2)给定学号,显示该学生的学生证信息。 (3)给定班号,显示该班所有学生的学生证信息。 (4)给定学号,修改该学生的学生证信息。 (5)给定学号,删除该学生的学生证信息。实现要求： (1)在程序中使用链表存储学生证信息。 (2)采用模块化程序设计的方法，将程序中的各项功能用函数实现。提示： (1)使用结构体表示学生证信息，一个结点保存一条学生证信息。扩展功能： (1)提供一些统计功能。例如统计每个班学生的人数，统计男女生比例。 (2)学生证信息从文件读入。 (3)将学生证信息保存到文件中。

Qt 官方QtMqtt编译调用

11-11

Qt 官方QtMqtt编译调用

HBase安装配置与基本操作教程-数据库搭建与管理指南

11-11

内容概要：本文详细讲解了HBase的安装配置流程及其基本操作方法，从回顾Hadoop和Zookeeper开始，介绍了不同安装方式如单机版、伪分布版以及全分布式版本，重点强调了配置Hbase-env.sh和hbase-site.xml文件的内容，如JDK路径配置、指定根目录和Zookeeper的数据存储目录等。此外，还介绍了HBase Shell的基本操作，包括表的创建、插入和读取记录、以及删除记录和整个表格等关键操作。适合人群：初学者及有一定经验的技术人员，特别适用于对NoSQL数据库感兴趣的开发者。使用场景及目标：本教程旨在帮助读者掌握HBase的基本配置与常用命令，能够在本地环境中顺利搭建并操作HBase数据库系统，为后续深入学习或实际项目应用打下坚实的基础。阅读建议：跟随文中给出的具体操作步骤亲自尝试，结合官方文档进一步探索未知特性，加深理解。对于复杂概念和错误排查可以通过搜索引擎查找相关资料补充学习。

第六节 强制代码格式化规范

系列文章目录

前言

操作方法

第六节强制代码格式化规范