npm 标准化发包方案调研|前端前端工程化|npm-cicd1. 传统的发包模式1.1 版本发布传统的发包模式指用户在本地进行发包、版本升级的操作,因此所有的 cli 都是在本地执行。当我们写好一个 npm package 之后,并且登录好 npm 后,就可以执行以下指令直接发布第一版:
1npm publish --access public
1.2 版 ...
使用 Vercel 全自动部署个人网站|前端前端工程化|cicd-前端工程化-Vercel-自动部署1. 什么是 VercelVercel 是一个全自动的 Web 应用部署、预览、上线平台。他类似与 Github Page 与 Github Action 的结合,但是与其有如下几个特性:
支持应用模板,可以帮助开发人员快速搭建一个应用并完成上线流程;
支持 Github 项目导入与联动;
Git ...
前端 Lint 工具使用指南|前端前端工程化|前端工程化-lint-eslint-stylelint-commitlint-代码检查1. ESLint官网
ESLint 可以静态分析你的代码,得以让你快速发现代码中的错误部分。它内置于大多数文本编辑器中,你还可以将 ESLint 作为持续集成管道的一部分,在持续集成的过程中帮你检查代码。
1.1 安装
如果你使用 VSCode,记得安装 ESLint 插件
1npm insta ...
Hexo + Obsidian + Git 完美的博客部署与编辑方案|其他|Hexo-Obsidian-自动化1. 前言在之前的文章《Hexo 快速搭建指南》中,重点讲解了如何搭建以及部署博客。但是在后期写博客的过程中,有可能遇到很多麻烦,比如:
我不想手动维护文章的 Categorys,我想以文件目录的形式管理文章分类
VSCode 编写 Markdown 文件不爽,我想用其他的编辑器来写 Markdo ...
ElementPlus Webpack 下按需引入|前端Vue|webpack-Vue-Element-Plus1. 引入方案官方说明:链接
我们需要在 Webpack 配置里添加两个 Plugin:
123456789101112131415import autoImport from 'unplugin-auto-import/webpack';import components fr ...
Vuex Typescript 支持|前端Vue|Vue-Vuex1. 定义1.1 定义入口模块入口 /src/store/index.ts :
123456789101112131415161718192021222324252627282930import type {InjectionKey} from 'vue';i ...
Git 修改已提交的 commit 中的信息|Git|Git修改某次 Commit调用 git log 查看 要修改的 commitId 前的一个 commitId
然后调用:
1git rebase -i <commit id>
进入 rebase 模式后,按 i 进入编辑模式,将修改的 commit 状态修改为 edit:
12修改前:pi ...
Hexo 快速搭建指南|其他|Hexo1. 安装与使用 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 包编写声明文件|前端Javascript1. 如何查看当前包是否有现成的声明文件?在我们尝试给一个 npm 包创建声明文件之前,需要先看看它的声明文件是否已经存在。一般来说,npm 包的声明文件可能存在于两个地方:
与该 npm 包绑定在一起。判断依据是 package.json 中有 types 字段,或者有一个 index.d.t ...