Home
avatar

.Wang

项目工程化-Commitizen

技能小册

项目工程化-Commitizen

Commitizen?一个工具,用于规范代码提交信息的工具。cz-conventional-changelog是一个Commitizen的适配器,用于适配conventional-changelog的提交规范。为什么要介绍这么一个工具:当你在提交commit的时候,肯定会手动输入一些type:fix

项目工程化-changelog

技能小册

项目工程化-changelog

Changelo.md是什么Changelog.md是一个用于记录项目变更历史的文件,通常以Markdown格式编写。这个文件会详细列出所有版本的更新内容,包括新增功能、修复的bug、改进的地方以及其他重要变更。这对于开发者和用户来说非常重要,因为它可以帮助他们了解软件的演化过程以及每个版本的具体变

项目工程化-EditorConfig

技能小册

项目工程化-EditorConfig

EditorConfig什么是EditorConfigEditorConfig有助于为在不同编辑器和IDE中处理同一项目的多个开发人员维护一致的编码风格EditorConfig项目由一个用于定义编码样式的文件格式和一组文本编辑器插件组成,这些插件使编辑器能够读取文件格式并遵守定义的样式EditorC

项目工程化-env配置

技能小册

项目工程化-env配置

Envenv代表环境,不论是在前端还是后端开发,都有不同的环境,每个环境对应的一些配置都是不同的,例如:请求的地址,一些加密的字符等等;通常在node中会获取环境变量process.env.NODE_ENV等等;这样的一个好处就是:在前端项目本地开发对应本地的配置环境,而打包对应着生产环境,俩个环境

项目工程化-eslint

技能小册

项目工程化-eslint

eslintESLint是一个可配置的JavaScriptlinter。它可以帮助您发现并修复JavaScript代码中的问题。问题可以是任何问题,从潜在的运行时错误,到不遵循最佳实践,再到样式问题配置文件配置文件的名字有很多,版本的不同会导致不同的导出语法:首先说明文件名的变动8.x版本modul

项目工程化-git配置

技能小册

项目工程化-git配置

.gitignore和.gitattributes都是为git提交需要配置的一些信息,例如某些文件不需要提交,提交的格式是什么等等;.gitignore:文件是一个纯文本文件,包含了项目中所有指定的文件和文件夹的列表,这些文件和文件夹是Git应该忽略和不追踪的。在.gitignore中,你可以通过提

项目工程化-husky

技能小册

项目工程化-husky

huskyHusky作为一个强大的Git钩子管理器,通过自动化代码质量检查和测试流程,极大地提升了软件开发团队的工作效率和代码质量。通过合理配置,它能够帮助开发者在提交代码之前发现并修正潜在的问题,从而减少后续的修复成本和沟通成本。在项目中,经常使用husky+lint-staged再提交代码之前做

项目工程化-stylelint

技能小册

项目工程化-stylelint

stylelintstylelint是一个用于检测CSS代码风格和错误的工具,它有点类似于ESlint,但是它专注于CSS。stylelint不仅可以帮助你在团队中保持一致的CSS代码风格,发现潜在的错误,并且确保代码符合最佳实践。Stylelint需要一个配置对象,并在以下位置寻找一个配置:sty

项目工程化-release-it

技能小册

项目工程化-release-it

release-it?是一个用于自动化软件发布的命令行工具。它可以帮助开发团队自动化版本控制、生成更新日志(CHANGELOG)、创建Git标签、发布到npm等任务。主要功能自动版本号递增(遵循语义化版本规范SemanticVersioning)自动生成/更新CHANGELOGGit提交、打标签和推

项目工程化-prettier

技能小册

项目工程化-prettier

prettierPrettier是一个固执己见的代码格式化程序一般通过以下方式使用prettier使用vscode等代码编辑器的prettier插件:搭配快捷键如ctrl+s,保存时自动格式化,配置简单,使用方便,但是缺点是由于团队成员可能使用不同的编辑器,prettier版本、配置不同,从而格式化

webpack和vite的区别?

技能小册

webpack和vite的区别?

区别?在使用vite之前,项目基本都是使用的webpack,但是针对于wite和webpack的区别如下:开发模式webpack在开发过程中,它首先需要完全构建整个项目,生成一个或多个bundle,然后通过热模块替换(HMR)来更新变化的部分。viteVite使用原生ES模块和即时编译,允许在不完整

项目工程化-其他配置文件

技能小册

项目工程化-其他配置文件

项目中的配置文件太多了,除了规范性的配置文件,还有一些其他的配置文件.node-version在项目根目录创建文件.node-version,这个文件就是固定node版本的,代码如下:#.node-version18当项目A我设置之后,如果电脑安装的有18的版本,打开编辑器之后终端会显示UsingN

Vue项目管理

技能小册

Vue项目管理

初始化项目:::code-groupnpmcreatevite@latestyarncreatevitepnpmcreatevitebuncreatevite不管用什么方式都可以安装,不过要注意的是使用bun安装需要先看下官网Bun举个例子:项目名称为你的项目名字,如:vue-project选择项目

个人总结-2022-08 - 2024-07

总结

个人总结-2022-08 - 2024-07

2022-08-2024-07自身能力有所提升之后,在短暂时间内开始对自身进行沉淀,不论是对工作中还是生活或者是对个人,我相信在俩年时间内通过自身的沉淀能够得到一些成长。当然俩年时间我也会尝试着接触不同的事物,接触不同的兴趣爱好;如果没有那就太枯燥乏味了;能力沉淀想再短时间内提升自己,那就离不开能力

技术调研-nvm 替换为 fnm

总结

技术调研-nvm 替换为 fnm

背景昨天在逛node官网的时候,发现下载页面多了一fnm的包管理器;于是,我开始研究一下。发现它与nvm相似,但是它同时支持node的arm平台。也可以说是跨端的。不过它是rust开发的,性能得到进一步提升官网介绍🌎跨平台支持(macOS、Windows、Linux)✨单文件,轻松安装,即时启动�

1 37