配置husky

这篇具有很好参考价值的文章主要介绍了配置husky。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

配置 husky

配置 husky 之前先在码云创建新仓库
本地创建空文件夹 vue3_admin
在 git bash 中 cd 到 vue3_admin 路径,执行 git init
使用 git remote add origin https://gitee.com/你的码云用户名/XXXX //添加远程仓库
使用 git pull origin master 命令,将码云上的仓库 pull 到本地文件夹
(期间需要输入 gitee 上面的账号和密码。
输入完账号后,弹出输入密码的。)
将要上传的文件,添加到刚刚创建的文件夹
使用 git add . (. 表示所有的)或者 git add + 文件名 // 将文件保存到缓存区
使用 git commit -m '新添加的文件内容描述' //添加文件描述
使用 git push origin master ,将本地仓库推送到远程仓库
执行完 git push 之后,在 gitee 中就能看到推送上去的项目了。

在上面我们已经集成好了我们代码校验工具,但是需要每次手动的去执行命令才会格式化我们的代码。如果有人没有格式化就提交了远程仓库中,那这个规范就没什么用。所以我们需要强制让开发人员按照代码规范来提交。

要做到这件事情,就需要利用 husky 在代码提交之前触发 git hook(git 在客户端的钩子),然后执行pnpm run format来自动的格式化我们的代码。

安装husky

pnpm install -D husky

执行

npx husky-init

会在根目录下生成个一个.husky 目录,在这个目录下面会有一个 pre-commit 文件,这个文件里面的命令在我们执行 commit 的时候就会执行

.husky/pre-commit文件添加如下命令:

#!/usr/bin/env sh
. “$(dirname – “$0”)/_/husky.sh”
pnpm run format

当我们对代码进行 commit 操作的时候,就会执行命令,对代码进行格式化,然后再提交。

对于我们的 commit 信息,也是有统一规范的,不能随便写,要让每个人都按照统一的标准来执行,我们可以利用commitlint来实现。
配置commitlint文章见commitlint 配置文章来源地址https://www.toymoban.com/news/detail-468540.html

到了这里,关于配置husky的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • gitee(码云)如何生成并添加公钥,以及配置用户信息

    一,简介 在使用Gitee的时候,公钥是必须的,无论是克隆还是上传。本文主要介绍如何本地生成和添加公钥到服务器,然后配置自己的用户信息,方便日后拉取与上传代码。 二,步骤介绍 2.1 本地生成公钥 打开git bash,输入:ssh-keygen -t rsa -C “你的邮箱”,然后回车三次。 输

    2024年02月12日
    浏览(26)
  • git 配置多端多个账号(码云、github、gitlab)

    首先要确认已经安装 Git,可以通过执行 git --version 命令来查看当前安装的版本。 想为同一个电脑配置多个 Git 账户,需要完成以下整体流程: 清空默认的全局 user.name 和 user.email 配置项; 为不同的 Git 账户生成不同的 SSH 密钥; 将以上的 SSH 密钥分别添加到 SSH-Agent 信任列表

    2024年02月04日
    浏览(36)
  • React 项目配置代码提交规范 ESLint、Pretttier、Husky、CommitLint

    React 项目配置代码提交规范 ESLint、Pretttier、Husky、CommitLint 前言 团队开发的成员越来越多,项目都是由多个人进行开发和维护,每个人的代码书写习惯和风格又不尽相同,commit 的提交log 也是乱七八糟,为以后的开发和维护增添了很多困难,所以规范和约束在多人协作下,就

    2024年04月15日
    浏览(45)
  • 前端工程化配置-husky + eslint + lint-staged

    配置步骤如下: 1、下包 npm i eslint -D 或者 yarn add  eslint 2、配置 ESlint npx eslint --init 然后根据弹出的内容区选择你需要的规范。 1、 你想怎么使用ESLint? 2、 你的项目使用哪个规范? 3、你的项目使用哪个框架开发? 4、你的项目使用 TypeScript 了吗?   5、你的代码在哪里运行

    2023年04月09日
    浏览(28)
  • 【无标题】QT应用编程: QtCreator配置Git版本控制(码云)

    @QT应用编程: QtCreator配置Git版本控制(码云) 感谢:DS小龙哥的文章,这篇主要参考小龙哥的内容。 https://cloud.tencent.com/developer/article/1930531?areaSource=102001.15traceId=W2mKALltGu5f8-HOI8fsN Qt Creater 自带了git支持。但是一直没搞明白怎么用。这里是对这个功能用起来的记录。 下载安装git客

    2024年02月12日
    浏览(31)
  • git码云的使用-创建项目仓库-ssh协议配置步骤

    目录 1、创建仓库 1.1 只填入仓库名即可-提交 1.2 本地项目上传到远程仓库 2、提交仓库 2.1 选择HTTPS协议 2.2 选择ssh协议 3、ssh协议配置步骤 3.1 打开 Git Bash 3.2 生成公钥:$ cd ~/.ssh (可忽略) 3.3 生成密钥 3.4 添加公钥 3.5 管理公钥 3.6 查看公钥 3.7 检测是否配置成功 依次复制代

    2024年02月04日
    浏览(73)
  • vue项目的Husky、env、editorconfig、eslintrc、tsconfig.json配置文件小聊

    1、 Husky Husky 是一款管理 git hooks 的工具,可以帮助我们触发 git 提交的各个阶段: pre-commit、commit-msg、pre-push , 有助于我们在项目开发中的git规范和团队协作。 .husky 文件通常包含以下内容: pre-commit :在提交代码前运行的脚本,可以用于代码格式化、代码检查等操作; pr

    2024年04月28日
    浏览(22)
  • React18入门(第二篇)——React18+Ts项目配置husky、eslint、pretttier、commitLint

    我的项目版本如下: React: V18.2.0 Node.js: V16.14.0 TypeScript:最新版 工具: VsCode 本文将采用图文详解的方式,手把手带你快速完成在React项目中配置husky、prettier、commitLint,实现编码规范的统一,git提交规范的统一。 1.1 装包 1.2 ESLint 插件安装 1.3 创建命令并使用 新增命令 执行

    2024年02月08日
    浏览(49)
  • Vue3+Vite项目配置husky、stylelint、commitlint,实现git提交前代码校验

    做什么:本文将从零开始带你配置 husky 、 stylelint ,完成代码提交git前的强制校验,保证代码风格和一致性 技术栈:Vue3 + TypeScript + Vite 1.1 node.js v16.0.0 及以上 (我 v16.14.1) 1.2 pnpm v8.0.0 及以上(我 v8.6.6) 2.1 安装 pnpm 2.2 创建项目-不多赘述 3.1 安装 eslint 3.2 生成eslint配置文件

    2024年02月13日
    浏览(35)
  • git配置修改.gitignore不上传node_modules文件目录到gitee码云

    如果创建的vue或者uni项目,自动会有依赖包node_modules,如果不去设置.gitignore,那么会默认将该文件夹下面所有的文件进行上传,这样整个包非常大非常碎,别人使用起来很麻烦,正常来讲只要把主要文件下载下来,其他人只需要npm i一下就行了,那么怎么解决那。 第一行就是

    2024年02月13日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包