包管理器

常见的有 npm、yarn、pnpm，云智屏项目推荐使用 pnpm 或者 yarn。

pnpm 推荐

pnpm - 速度快、节省磁盘空间的软件包管理器【传送门】

yarn

Yarn 是一个软件包管理器，还可以作为项目管理工具。无论你是小型项目还是大型单体仓库（monorepos），无论是业余爱好者还是企业用户，Yarn 都能满足你的需求。【传送门】

npm

NPM 的全称是 Node Package Manager，是一个 NodeJS 包管理和分发工具，已经成为了非官方的发布 Node 模块（包）的标准。【传送门】

解决老项目依赖版本对齐问题

原因：npm 升级到 7.x以上后，会出现上游依赖冲突；–legacy-peer-deps：安装时忽略所有 peerDependencie，默认使用npm 4-6版本的安装模式，安装过程中是会跳过对等依赖项。

npm i --legacy-peer-deps

解决npm install -g yarn后无法识别问题

首次安装yarn时可能会提示 yarn 无法加载文件，这个可能是系统禁止脚本

1. 可以搜索Windows -> PowerShell并且以管理员身份打开
2. 输入命令行 set-ExecutionPolicy RemoteSigned 选择Y

解决 sharp: Command failed 问题

• 报错原因：node 无法下载相应的 module，比如 electron 或者 sharp
• 解决方案：在项目目录下配置.yarnrc（或者.npmrc 文件）稳定靠谱

registry "https://registry.npmmirror.com/"
sass_binary_site "https://registry.npmmirror.com/mirrors/node-sass/"
phantomjs_cdnurl "http://cnpmjs.org/downloads"
electron_mirror "https://registry.npmmirror.com/mirrors/electron/"
sqlite3_binary_host_mirror "https://foxgis.oss-cn-shanghai.aliyuncs.com/"
profiler_binary_host_mirror "https://registry.npmmirror.com/mirrors/node-inspector/"
chromedriver_cdnurl "https://cdn.registry.npmmirror.com/dist/chromedriver"
sharp_binary_host "https://registry.npmmirror.com/mirrors/sharp"
sharp_libvips_binary_host "https://registry.npmmirror.com/mirrors/sharp-libvips"

关于 package.json

在每个前端项目中，都有 package.json 文件，它是项目的配置文件，常见的配置有配置项目启动、打包命令，声明依赖包等。 package.json 文件是一个 JSON 对象，该对象的每一个成员就是当前项目的一项设置。 依赖包的版本号前面的符号表示版本号的范围。

常见的符号和意义如下：

• ^：锁定主版本号（major），例如：^3.2.1 表示使用 3.x 版本，4.x 版本需要手动升级。
• ~：锁定次版本号（minor），例如：~3.2.1 表示使用 3.2.x 版本，3.3.x 版本可以自动安装，但 4.x 版本需要手动升级。
• *：表示任何版本。
• <、<=、>、>=：表示版本号的范围，例如：<=3.2.1 表示使用小于等于 3.2.1 的版本。

这些符号可以用于确保项目所使用的依赖包版本是符合要求的。

但需要注意的是，过于严格的版本锁定可能导致安装或升级依赖包时的问题，因此需要根据实际情况进行选择。