Git Commit 规范
本文是对前面系列文章的补充与完善。前面的介绍，利用了 husky 与 lint-staged 使得在提交之前做一些 ESLint 和 Prettier 的操作，今天来补充完 Commi…
梳理 node、npm、yarn 相关路径
如果你对 npm、yarn 全局安装路径存疑，很混乱分不清，那么这篇文章应该能帮到你。本文以 macOS 为例，不同操作系统可能略有差异。 若无特殊说明，下…
Git 操作与解决方法
清除 git，即删除本地 .git 文件。命令：rm -rf .git。 Git 远程推送 The authenticity of host 'github.com (52.74.223.119)'问题，解决：The authen…
Node.js 实现浏览器打开链接
在 Node.js 中实现在浏览器中打开指定 URL。利用 Node.js 提供的 child_process.exec() 方法即可，但是不同操作系统下，指令有所不同： const { exec…
再见 nvm 改用 fnm 了
社区上用于管理 Node 版本的工具很多，较为流行的有： 非跨平台：nvm、n 跨平台：nvs、fnm 个人弃用 nvm 不是因为它不跨平台，而是启动 Shell 进程太…
package-lock.json 用处是？
一、语义化版本 格式遵循 X.Y.Z （主版本号.次版本号.修订号），且不含前导零。（更详细看这里） X. 主要版本更新：表示一个破坏兼容性的大变化；Y. …
解决 checkPermissions Missing write access to
在使用 npm install 命令时，我们可能会遇到因为没有写访问权限，导致安装失败的情况。 npm WARN checkPermissions Missing write access to /Users/f…
yarn 使用以及 npm 的迁移
一、yarn 安装与使用 常用命令就以下几个，熟悉 npm 的你们，一看就懂了。 # 初始化一个新项目 $ yarn init # 添加依赖包 $ yarn add [package] $ ya…
语义化版本 SemVer
语义化版本 SemVer（Semantic Versioning） 语义化的版本号必须采用 XYZ 格式（MAJOR.MINOR.PATCH），其中 X，Y 和 Z 是非负整数，并且不得包含前导零…
webpack 优化方法
开启 tree-shaking 缩小babel-loader 的范围，生产环境使用缓存 webpack 5 开启文件缓存 使用 terser 压缩代码 使用external 抽离不需要打包的代码 …
useEffect 与 useLayoutEffect 的区别
执行时机不同：useEffect 是在组件渲染完成后异步执行，而 useLayoutEffect 则是在组件渲染完成后同步执行。 对渲染的影响不同：useEffect 的执行不会…
Webpack 如何开启 tree shaking
首先代码要是 ESM 格式，在配置中声明 usedExports optimization: { usedExports: true, }, 在 package.json 中声明 sideEffects，对于引入的 css 文…
npm run 发生了什么
读取 package.json 文件中的 scripts 字段，查找指定的命令。 解析命令， 执行一个在 node_modules/.bin 目录下的脚本时，npm 会自动将该脚本的路径…
