前端安装依赖使用 npm/cnpm 相关汇总

1. 使用 cnpm 安装报错

$ cnpm install× Install fail! Error: EISDIR: illegal operation on a directory, symlink 'D:\vue-demo\node_modules\._connect-history-api-fallback@1.3.0@connect-history-api-fallback' -> 'D:\vue-demo\node_modules\connect-history-api-fallback'
Error: EISDIR: illegal operation on a directory, symlink 'D:\vue-demo\node_modules\._connect-history-api-fallback@1.3.0@connect-history-api-fallback' -> 'D:\vue-demo\node_modules\connect-history-api-fallback'
    at Error (native)
npminstall version: 2.29.1
npminstall args: C:\Program Files\nodejs\node.exe C:\Program Files\nodejs\node_modules\cnpm\node_modules\npminstall\bin\install.js --china --userconfig=C:\Users\Administrator\.cnpmrc --disturl=https://npm.taobao.org/mirrors/node --registry=https://registry.npm.taobao.org

报错原因：硬盘格式错误，FAT32转NTFS

处理方式及结果：打开硬盘格式错误，需要FAT32转NTFS，终端输入convert C: /fs:ntfs，按回车键 重新安转依赖

2. 清除npm 缓存指令

// 指令1：
npm cache clean --force
// 指令2：
npm cache verify

3. 利用命令删除 node_modules文件

• 全局安装rimraf

cnpm i -g rimraf

• 进入项目文件夹目录（该目录下包含node_modules文件夹）

rimraf node_modules

4. 使用 npm install 安装报错

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: @babel/core@7.0.0
npm ERR! node_modules/@babel/core

查阅资料后说是因为npm7.x的版本比npm6.x更严格,两种解决方案：

 1. 降级到npm6.x
 2. npm i --legacy-peer-deps

5. npm 常用命令集合

// 查看镜像源
npm config get registry

// 默认全局镜像
npm config set registry https://registry.npmjs.org

// 查看 axios 最新的版本号
npm view axios version
// 查看 axios 历史的版本号
npm view axios versions
// 查看最新的 axios 版本的信息
npm view axios

// 清除项目中没有被使用的依赖
npm prune 

6. 淘宝镜像安装

 npm install -g cnpm --registry=https://registry.npm.taobao.org

7. 安装的依赖 package.json 中版本 ~ 和 ^ 的作用和区别是什么呢？

1. ~会匹配最近的小版本依赖包，比如~1.2.3会匹配所有1.2.x版本，但是不包括1.3.0
2. ^会匹配最新的大版本依赖包，比如^1.2.3会匹配所有1.x.x的包，包括1.3.0，但是不包括2.0.0