IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 20220412 关于有严格格式化要求项目的代码提交 prettier插件使用 踩坑预警 -> 正文阅读

[开发工具]20220412 关于有严格格式化要求项目的代码提交 prettier插件使用 踩坑预警

今天接手了一个有严格格式化代码需求的项目,因为这个项目之前有很多人在开发,所以对于提交的代码格式有所需求,第一次学习了有关于有严格格式化代码项目的一些知识。

1.项目中代码说明

有关于格式化代码要求的代码在这几个文件里
在这里插入图片描述
关于.prettier.js这个是跟格式化代码的插件prettier有关的,一般是自动生成,里面的内容一般是一致的。
在这里插入图片描述
关于commitlint.config.js此处要注意的是,commit的时候都要写文字的注释对该次代码的提交进行说明,所以提交的时候需要特定格式地写注释。如

upd:该次提交的文字说明

fix:该次提交的文字说明

根据该次提交代码的性质进行提交。
在这里插入图片描述
关于package.json有一个gitHooks用来指向格式化代码要求的文档,比如该示例代码指向的就是commitlint.config.js。如果需要跳过的话,注释该段代码即可,但是在这样多人开发的项目里,不能随便动代码,严格遵守提交代码的格式要求,可以让代码在所有人的机器上都可以正常运行。

在这里插入图片描述

2.关于格式化代码插件prettier的使用

在webstorm中
在这里插入图片描述
在这里插入图片描述安装后,右键点击代码,选择Reformat with Prettier即可自动格式化整个文件的代码。

在这里插入图片描述
在VSCode里
在这里插入图片描述在这里插入图片描述

3.关于一些踩坑预警

(1)插件自动格式化错误格式的代码误删掉style的分号

装好插件后,找到template中有style的代码进行测试,使用格式化看看prettier会不会误删除style里的分号,如果不会则没问题。
在这里插入图片描述

(2)插件配置相同但受其它插件影响导致格式化出来错的代码

这种情况需要重装VSCode。

(3)在头几次使用时

需要关注提交代码时,有没有出现一大堆莫名其妙的已修改文件,并检查一下自己修改后的代码是否都是自己修改的部分,有没有格式化错误的问题。

(4)关于代码运行

装了prettier后,格式化错误也会导致运行报错,这时候要找到报错的文件,右键格式化一下代码即可。

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-04-15 00:19:38  更:2022-04-15 00:20:32 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/14 14:57:30-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码