• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

npm依赖、命令

武飞扬头像
LIZHUOLONG1
帮助1

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的主页

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhgbegjc
系列文章
更多 icon
同类精品
更多 icon
继续加载