NPM 的全称是 Node Package Manager,是随同 NodeJS 一起安装的包管理和分发工具,它可以很方便的让前端开发者下载、安装、上传以及管理已经安装的包。
1. npm 安装配置(可选)
现在安装的新版本的nodejs可以直接使用默认配置的即可,不须再配置任何内容。
1.1 npm安装依赖的时候全局安装在哪里
(1)使用npm install
命令的时候,如果没有加上-g
,那么这个依赖就安装在 当前工程 的node_modules
文件夹中。
----源文件
----npm install
添加依赖包后 (一定在在文件目录下添加依赖,不然找不到 package.json 会失败)
安装在当前工程 的node_modules
文件夹中。
(2)通过命令npm config set prefix
设置依赖包全局安装路径,以后使用npm install -g
来全局安装依赖包的时候,依赖包就会安装在 “路径address” 文件夹中的node_global/node_modules
件夹中。
(3)通过命令npm config get prefix
查看全局的安装路径;
(4) 使用npm config list
查看配置。
1. 在nodejs安装的根目录下新建 node_cache 和 node_global 两个文件夹。
2. 分别使用以下命令设置全局的安装包目录:
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
3. 配置环境变量:
打开计算机的环境变量,找到系统变量,
新增一项 NODE_PATH,值为安装目录下的nodejs,
D:\nodejs\node_global\node_modules
博客园参考:npm更换成淘宝镜像源以及cnpm
2. 查看 / 更新 npm 版本
npm -v
npm install -g npm :自动更新到最新版本
npm -g install npm@6.8.0 :更新到指定版本
3. npm淘宝镜像(可选)
下载相关依赖的仓库地址:
npm config set registry https://registry.npm.taobao.org :设置全局的npm淘宝镜像
yarn config set registry https://registry.npm.taobao.org :设置全局的yarn淘宝镜像
npm config get registry :查看镜像地址
# 如果想还原npm仓库地址,只需再把地址配置成npm镜像就可以了
npm config set registry https://registry.npmjs.org
4. npm 常用命令简写说明
方便统一和阅读,文中全部使用简写方式。
-g: 为 --global 的缩写,表示安装到全局目录里
-S: 为 --save 的缩写,表示安装的包将写入package.json里面的dependencies
-D: 为 --save-dev 的缩写,表示将安装的包将写入packege.json里面的devDependencies
i: 为install的缩写,表示安装
npm文档讲
dependencies
是运行时依赖,devDependencies
是开发时的依赖。即devDependencies
下列出的模块,是我们开发时用的,比如 我们安装 js的压缩包gulp-uglify 时,我们采用的是 “npm install –save-dev gulp-uglify
”命令安装,因为我们在发布后用不到它,而只是在我们开发才用到它。dependencies
下的模块,则是我们发布后还需要依赖的模块,譬如像jQuery库或者Angular框架类似的,我们在开发完后后肯定还要依赖它们,否则就运行不了。
5. npm 安装模块
npm init # npm 初始化当前目录
npm i # 安装所有依赖
npm i express # 安装模块到默认dependencies
npm i express -g # 会安装到配置的全局目录下
npm i express -S # 安装包信息将加入到dependencies生产依赖
npm i express -D # 安装包信息将加入到devDependencies开发依赖
npm i jquery@1.8.3 # 安装jquery指定的1.8.3版本
6. npm 卸载模块
npm uninstall express # 卸载模块,但不卸载模块留在package.json中的对应信息
npm uninstall express -g # 卸载全局模块
npm uninstall express --save # 卸载模块,同时卸载留在package.json中dependencies下的信息
npm uninstall express --save-dev # 卸载模块,同时卸载留在package.json中devDependencies下的信息
7. npm 更新模块
npm update jquery # 更新最新版本的jquery
npm update jquery@2.1.0 # 更新到指定版本号的jquery
npm install jquery@latest # 可以直接更新到最后一个新版本
8. npm 查看命令
npm root # 查看项目中模块所在的目录
npm root -g # 查看全局安装的模块所在目录
npm list 或者 npm ls # 查看本地已安装模块的清单列表
npm view jquery dependencies # 查看某个包对于各种包的依赖关系
npm view jquery version # 查看jquery最新的版本号
npm view jquery versions # 查看所有jquery历史版本号(很实用)
npm view jquery # 查看最新的jquery版本的信息
npm info jquery # 查看jquery的详细信息,等同于上面的npm view jquery
npm list jquery 或 npm ls jquery # 查看本地已安装的jquery的详细信息
npm view jquery repository.url # 查看jquery包的来源地址
9. npm 其他命令
npm cache clean # 清除npm的缓存
npm prune # 清除项目中没有被使用的包
npm outdated # 检查模块是否已经过时
npm repo jquery # 会打开默认浏览器跳转到github中jquery的页面
npm docs jquery # 会打开默认浏览器跳转到github中jquery的README.MD文件信息
npm home jquery # 会打开默认浏览器跳转到github中jquery的主页