网站超级推广网页设计与制作实训报告800字

1.安装和使用

pnpm:performant npm ，意味“高性能的npm”。 pnpm由npm/yarn衍生而来,解决了npm/yarn内部潜在的bug,极大的优化了性能,扩展了使用场景。被誉为“最先进的包管理工具”。
pnpm安装指令:

npm i -g pnpm

项目初始化命令:

pnpm create vite

进入到项目根目录pnpm install安装全部依赖,安装完依赖运行程序:pnpm run dev。

2.统一包管理工具下载依赖

团队开发项目的时候,需要统一包管理器工具,因为不同包管理器工具下载同一个依赖,可能版本不一样,导致项目出现bug问题,因此包管理器工具需要统一管理！！！
在根目录创建scritps/preinstall.js文件:
添加下面的内容:

if (!/pnpm/.test(process.env.npm_execpath || '')) {console.warn(`\u001b[33mThis repository must using pnpm as the package manager ` +` for scripts to work properly.\u001b[39m\n`,)process.exit(1)
}

在package.json中配置命令:

"scripts": {"preinstall": "node ./scritps/preinstall.js"
}

ps:必须先执行一次pnpm run preinstall。
这时候,当我们使用npm或者yarn来安装包的时候,就会报错了。原理就是在install的时候会触发preinstall（npm提供的生命周期钩子）这个文件里面的代码。