npm 标准化发包方案调研
1. 传统的发包模式1.1 版本发布传统的发包模式指用户在本地进行发包、版本升级的操作,因此所有的 cli 都是在本地执行。当我们写好一个 npm package 之后,并且登录好 npm 后,就可以执行以下指令直接发布第一版: 1npm publish --access public 1.2 版 ...

使用 Vercel 全自动部署个人网站
1. 什么是 VercelVercel 是一个全自动的 Web 应用部署、预览、上线平台。他类似与 Github Page 与 Github Action 的结合,但是与其有如下几个特性: 支持应用模板,可以帮助开发人员快速搭建一个应用并完成上线流程; 支持 Github 项目导入与联动; Git ...

前端 Lint 工具使用指南
1. ESLint官网 ESLint 可以静态分析你的代码,得以让你快速发现代码中的错误部分。它内置于大多数文本编辑器中,你还可以将 ESLint 作为持续集成管道的一部分,在持续集成的过程中帮你检查代码。 1.1 安装 如果你使用 VSCode,记得安装 ESLint 插件 1npm insta ...

Hexo + Obsidian + Git 完美的博客部署与编辑方案
1. 前言在之前的文章《Hexo 快速搭建指南》中,重点讲解了如何搭建以及部署博客。但是在后期写博客的过程中,有可能遇到很多麻烦,比如: 我不想手动维护文章的 Categorys,我想以文件目录的形式管理文章分类 VSCode 编写 Markdown 文件不爽,我想用其他的编辑器来写 Markdo ...

ElementPlus Webpack 下按需引入
1. 引入方案官方说明:链接 我们需要在 Webpack 配置里添加两个 Plugin: 123456789101112131415import autoImport from 'unplugin-auto-import/webpack';import components fr ...

Vuex Typescript 支持
1. 定义1.1 定义入口模块入口 /src/store/index.ts : 123456789101112131415161718192021222324252627282930import type {InjectionKey} from 'vue';i ...

Git 修改已提交的 commit 中的信息
修改某次 Commit调用 git log 查看 要修改的 commitId 前的一个 commitId 然后调用: 1git rebase -i <commit id> 进入 rebase 模式后,按 i 进入编辑模式,将修改的 commit 状态修改为 edit: 12修改前:pi ...

Hexo 快速搭建指南
1. 安装与使用 Hexohexo 官方网站:链接 1.1 安装全局安装 hexo-cli ,用以创建 hexo 项目: 1npm install hexo-cli -g 安装完成后,就可以在终端使用 hexo 指令了,可以使用以下指令创建一个 hexo 项目: 123hexo init hexo ...

使用 husky 每次提交时进行代码检查
Husky 简述了解 Husky 前就必须先了解一下 GitHook 是什么,GitHook 可以在执行代码的 commit、push、rebase 等阶段前触发,做一些前置行为,比如在每次提交代码时候执行一段 shell 脚本,来做一些代码检查或者通知 ci 等操作。 但是对于如何使用好 GitH ...

为第三方 npm 包编写声明文件
1. 如何查看当前包是否有现成的声明文件?在我们尝试给一个 npm 包创建声明文件之前,需要先看看它的声明文件是否已经存在。一般来说,npm 包的声明文件可能存在于两个地方: 与该 npm 包绑定在一起。判断依据是 package.json 中有 types 字段,或者有一个 index.d.t ...