美文网首页
76、【前端技术】【ES6/Node.js】npm

76、【前端技术】【ES6/Node.js】npm

作者: yscyber | 来源:发表于2021-09-25 03:15 被阅读0次

1、概述

  • npm,全称 Node Package Manager。

  • npm 是 Node.js 默认的软件包管理工具,相当于前端的 Maven。

  • 与 Maven 一样,有“远程仓库”、“本地仓库”。

2、安装

  • Node.js 会自动集成 npm,所以安装 Node.js 后,无需单独安装 npm。

  • 默认 Node.js 中 npm 的安装位置是:%Nodejs_HOME%\node_modules

  • 在命令行中,使用npm -v命令,如果输出版本号,说明 npm 已成功安装。

3、配置

  • 在正式使用 npm 之前,需要进行一些必要的配置。

  • 在命令行中,使用命令npm config listnpm config ls,可以查看当前 npm 的有关配置。

npm-1

3.1、配置远程仓库镜像

  • 与 Maven 一样,如果不能够实现“科学上网”,则需要配置一个国内的镜像。经典的比如说:淘宝 NPM 镜像(https://npmmirror.com)。

  • 在命令行中输入以下内容,配置淘宝 NPM 镜像:

npm config set registry https://registry.npm.taobao.org
  • 使用npm config listnpm config ls命令,查看是否配置成功。

3.2、配置本地仓库位置

  • 默认情况下,Windows 系统中,将 npm 的“本地仓库”放在了 C 盘。建议调整。

  • 首先,创建两个目录,一个作为“本地仓库”,另一个作为缓存位置。这两个目录不建议含有中文或一些特殊符号。

在命令行输入以下内容,配置“本地仓库”:

npm config set prefix "D:\LocalRepo\npm\repo"

在命令行输入以下内容,配置缓存位置:

npm config set cache "D:\LocalRepo\npm\cache"
  • 使用npm config listnpm config ls命令,查看是否配置成功。

3.3、配置环境变量

  • 将“本地仓库”目录配置到系统环境变量Path中,便于后续使用。

4、使用 npm 构建项目

npm-2

5、常用 npm 命令

  • npm install 命令:用于安装前端项目工程所使用的包。安装分为“本地安装”和“全局安装”。

本地安装,为了能够在当前 npm 工程中使用,命令需要在当前 npm 项目的目录下执行,包将会被安装到项目目录\node_modules这一目录中。
本地安装相当于在 Maven 工程中的pom.xml添加<dependency></dependency>标签。

全局安装,命令在哪执行都是可以的,包将会被安装到之前配置好的“本地仓库”中。全局安装的主要是为了安装一些“命令行工具”,比如vue等。

npm-3
npm install <name> -g

npm install <name> -S

npm install <name> -D
  • 其他命令:

https://www.npmjs.com(npm 官网,可以通过该网站查询包名)

https://www.npmjs.com.cn

https://www.runoob.com/nodejs/nodejs-npm.html

https://blog.csdn.net/weixin_41350225/article/details/88253726

https://www.cnblogs.com/itlkNote/p/6830682.html

相关文章

网友评论

      本文标题:76、【前端技术】【ES6/Node.js】npm

      本文链接:https://www.haomeiwen.com/subject/vchbgltx.html