| npm -v | 查看电脑上所安装的npm包管理工具的版本号 |
npm init -y
- 自动初始化文件夹(要求当前文件夹必须是英文名称)
- 初始化后，会生成一个非常重要的文件，package.json
- 是一个外部的json文件，存储记录了所有的下载的依赖包的信息
npm install --global 包名
- 默认下载 最新版本的依赖包
npm install --global 包名@版本号
- 下载指定版本的依赖包
上面两者的简写形式
- npm i -g 包名
- npm i -g 包名@版本号
- 安装全局依赖包
- 全局依赖包，是整个nodeJS都可以使用的依赖包
- 会安装在一个指定的文件夹中
- 查看安装 => npm ls 包名 --global
- 结果为安装路径 和 版本号
- npm 包名 --version
- 查看版本号
- 如果选择安装不同版本，之前的版本会被覆盖。始终只会有一个版本存在
- 包名 --version 看执行程序的位置，
- 如果是项目文件夹，先查项目版本，没有查全局版本
- 如果不是项目文件夹，只会查全局版本
npm install 包名
npm install 包名@版本号
npm i 包名
npm i 包名@版本号
- 安装项目依赖包
- 只能在当前文件夹中使用，其他位置不能使用
- 全局依赖包，是整个nodeJS都可以使用的
- 全局依赖包，有专门的下载位置，存储的文件夹
- 项目依赖包，会安装在项目中的文件夹中(node-modules文件夹中)
- 执行之后，自动生成package-lock.json文件 没啥用，但也别删，放着别动
- npm ls 包名(搜索出来的是项目的版本)
- npm ls 包名 --global(搜索出来的是全局的版本)
- 如果需要同时下载多个依赖包，可以同时下载
- npm i 包名1 包名2 包名3...
- 项目下载，会在package.json 中 记录 下载的所有项目依赖包
npm uninstall 包名
npm un 包名
- 卸载安装包
- npm un 包名
- 卸载项目依赖包
- npm un --global 包名
- 也可以写成 npm un -g 包名
- 卸载全局依赖包
npm install
npm i
- 下载全局依赖
- 如果创建一个新的项目，需要之前项目的依赖包，
- 可以将package.json文件复制到新的文件夹中
- 执行npm install或者npm i
- 会自动 初始化文件夹 再 自动安装所有记录的 依赖包
npm install -save 包名
npm install -S 包名
- 原始npm版本的 安装命令
- npm install -save 包名 == npm install -S 包名
- 作用效果与npm install 包名 /npm i 包名是一样的
- 与项目安装是同样的效果
npm install -D 包名
- 安装 开发依赖包
- 开发依赖包 跟 项目依赖包的区别
- 在package.json中存储的位置不同
- 表示的作用意义不同：
- 开发依赖：我们开发项目时，使用的依赖包，项目上线运行后就不再需要了
- 项目依赖：开发时和项目上线时，都需要的依赖包
- npm install 会自动安装 项目依赖包跟开发依赖 所有的依赖包
npm install-production 只会安装开发依赖包
- 实际项目中，会规范 依赖包的安装方式。告诉我们什么时候才用-D
npm cache clean --force
- 如果下载失败，会生成缓存文件
- 再次下载会继续之前的缓存文件下载，有可能就会一直失败
- 这个时候我们就需要先 清除 下载缓存，再次安装
一般套路
- 创建文件夹
- 初始化 npm init -y
- 先安装全局的依赖包 npm i -g 包名
- 安装项目依赖包
如果不清楚到底时项目依赖还是开发依赖，安装为npm i 包名
npm i 包名
npm i -D 包名 - 下载失败，清除缓存
- 新项目，复制package.json 使用 npm i安装所有的依赖包
重要的项目文件夹
| src | 存储源文件的文件夹，包括图片、音频、视频、css、js、html等等 |
| dist | 存储压缩后的压缩文件 |
pnpm常用指令
# 下载包(XXX)
pnpminstallXXX
pnpmiXXX
# -S 默认写入dependencies
pnpmaddXXX-S
# -DdevDependencies
pnpmadd-D
# 全局安装
pnpmadd-g
# 移除包(XXX)
pnpmremoveXXX
# 移除全局包(XXX)
pnpmremoveXXX--global
# 更新所有依赖项
pnpmup
# 更新包(XXX)
pnpmupgradeXXX
# 更新全局包(XXX)
pnpmupgradeXXX--global
# 设置存储路径
pnpmconfigsetstore-dir/path/to/.pnpm-store
