百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

01、如何规范研发团队写的代码 建立研发团队

ztj100 2024-12-30 08:17 29 浏览 0 评论

背景

如果一个软件项目中存在多种不同的编码风格,这可能会导致团队的协作变得困难。

而且,如果整个团队的编码风格都不一致,长期来看,当团队成员之间发生调动时,会增加项目的维护成本

因此,统一整个团队的编码风格是非常必要的。

我们的目标:

统一代码格式规范,提升小组协作和CodeReview的效率,降低研发成本。

EditorConfig

分享一个项目代码风格统一神器 ,只需要命名为 .editorconfig ,保存到自己的项目根目录下,即可让项目下所有文件都统一代码风格,非常棒!

有以下几点作用:

1、有助于跨不同编辑器和 IDE 处理同一项目的多个开发人员保持一致的编码风格。

2、项目由用于定义编码样式的文件格式和文本编辑器插件集合组成,这些插件使编辑器能够读取文件格式并遵守定义的样式。

3、文件易于读取,并且可以很好地与版本控制系统配合使用。

EditorConfig 长什么样?

示例文件

# EditorConfig is awesome: https://EditorConfig.org

# top-most EditorConfig file
root = true

# Unix 风格的换行符,每个文件都以换行符结尾
[*]
end_of_line = lf
insert_final_newline = true

# 使用大括号扩展符号匹配多个文件
# 设置默认字符集
[*.{js,py}]
charset = utf-8

# 4 空格缩进
[*.py]
indent_style = space
indent_size = 4

# 制表符缩进(未指定大小)
[Makefile]
indent_style = tab

# lib文件夹下所有的js文件
[lib/**.js]
indent_style = space
indent_size = 2

# 匹配确切的文件 package.json 或 .travis.yml
[{package.json,.travis.yml}]
indent_style = space
indent_size = 2

效果如下:

会自动显示出代码风格不符合规范地方,方便修改。

有哪些IDE原生支持?

以下编辑器IDE捆绑了对 EditorConfig 的原生支持,不需要安装其他插件。

如何使用?

所要做的就是将其放入项目的根目录中。

1、Visual Studio

每当 Visual Studio 中打开文件时,.editorconfig 文件设置都将用于帮助格式化文档,并且如果您的代码样式和格式不符合,还会发出警告。

2、IntelliJ IDEA

确认了下,2019还不支持,2020以上开始支持。

3、Visual Studio Code

可以安装 EditorConfig for VS Code 扩展以获得支持。

相关推荐

离谱!写了5年Vue,还不会自动化测试?

前言大家好,我是倔强青铜三。是一名热情的软件工程师,我热衷于分享和传播IT技术,致力于通过我的知识和技能推动技术交流与创新,欢迎关注我,微信公众号:倔强青铜三。Playwright是一个功能强大的端到...

package.json 与 package-lock.json 的关系

模块化开发在前端越来越流行,使用node和npm可以很方便的下载管理项目所需的依赖模块。package.json用来描述项目及项目所依赖的模块信息。那package-lock.json和...

Github 标星35k 的 SpringBoot整合acvtiviti开源分享,看完献上膝盖

前言activiti是目前比较流行的工作流框架,但是activiti学起来还是费劲,还是有点难度的,如何整合在线编辑器,如何和业务表单绑定,如何和系统权限绑定,这些问题都是要考虑到的,不是说纯粹的把a...

Vue3 + TypeScript 前端研发模板仓库

我们把这个Vue3+TypeScript前端研发模板仓库的初始化脚本一次性补全到可直接运行的状态,包括:完整的目录结构所有配置文件研发规范文档示例功能模块(ExampleFeature)...

Vue 2迁移Vue 3:从响应式到性能优化

小伙伴们注意啦!Vue2已经在2023年底正式停止维护,再不升级就要面临安全漏洞没人管的风险啦!而且Vue3带来的性能提升可不是一点点——渲染速度快40%,内存占用少一半,更新速度直接翻倍!还在...

VUE学习笔记:声明式渲染详解,对比WEB与VUE

声明式渲染是指使用简洁的模板语法,声明式的方式将数据渲染进DOM系统。声明式是相对于编程式而言,声明式是面向对象的,告诉框架做什么,具体操作由框架完成。编程式是面向过程思想,需要手动编写代码完成具...

苏州web前端培训班, 苏州哪里有web前端工程师培训

前端+HTML5德学习内容:第一阶段:前端页面重构:PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局;第二阶段:高级程序设计:原生交互功能开发、面向对象开发与ES5/ES6、工具库...

跟我一起开发微信小程序——扩展组件的代码提示补全

用户自定义代码块步骤:1.HBuilderX中工具栏:工具-代码块设置-vue代码块2.通过“1”步骤打开设置文件...

JimuReport 积木报表 v1.9.3发布,免费可视化报表

项目介绍积木报表JimuReport,是一款免费的数据可视化报表,含报表、大屏和仪表盘,像搭建积木一样完全在线设计!功能涵盖:数据报表、打印设计、图表报表、门户设计、大屏设计等!...

软开企服开源的无忧企业文档(V2.1.3)产品说明书

目录1....

一款面向 AI 的下一代富文本编辑器,已开源

简介AiEditor是一个面向AI的下一代富文本编辑器。开箱即用、支持所有前端框架、支持Markdown书写模式什么是AiEditor?AiEditor是一个面向AI的下一代富文本编辑...

玩转Markdown(2)——抽象语法树的提取与操纵

上一篇玩转Markdown——数据的分离存储与组件的原生渲染发布,转眼已经鸽了大半年了。最近在操纵mdast生成md文件的时候,心血来潮,把玩转Markdown(2)给补上了。...

DeepseekR1+ollama+dify1.0.0搭建企业/个人知识库(入门避坑版)

找了网上的视频和相关文档看了之后,可能由于版本不对或文档格式不对,很容易走弯路,看完这一章,可以让你少踩三天的坑。步骤和注意事项我一一列出来:1,前提条件是在你的电脑上已配置好ollama,dify1...

升级JDK17的理由,核心是降低GC时间

升级前后对比升级方法...

一个vsCode格式化插件_vscode格式化插件缩进量

ESlint...

取消回复欢迎 发表评论: