npm的配置和使用

目录

前言

1. npm介绍

2. npm 安装和配置

2.1.安装

2.2.配置依赖下载使用阿里镜像

2.3.配置全局依赖下载后存储位置

2.4.升级npm版本

3 npm 常用命令

3.1.项目初始化

3.2.安装依赖 (查看所有依赖地址 https://www.npmjs.com )

3.3.升级依赖

3.4.卸载依赖

3.5.查看依赖

3.6.运行命令

4.总结


前言

        虽然之前在写node.js笔记中有写过一些对npm的介绍,但当时着重于介绍npm构建npm包以及通过npm构建node.js应用,本篇是之前在学前端工程化时的笔记,需要的话可以结合两篇来进行食用,下面的文章,直接在目录中找到npm部分进行查看即可

Node.js笔记(万字总结)_nodejs笔记-CSDN博客文章浏览阅读694次,点赞23次,收藏18次。刚好假期有点时间,最近在学写Vue的同时需要用到node以及webpack的知识,就把自己之前学过的node进行复盘一下,本来用两个小时就可以把笔记整理好的,结果在发布包的时候出现了问题,不知不觉就又搞了一天,😭😭😭,但是收获还是很大的.什么是 Node.js,众所周知 javascript 是在浏览器上运行的脚本语言,主要用来控制 html 元素,即 html dom 对象,是纯粹的 客户端语言。_nodejs笔记https://blog.csdn.net/weixin_72543266/article/details/139214216

1. npm介绍

npm全称Node Package Manager,是Node.js包管理工具,是全球最大的模块生态系统,里面所有的模块都是开源免费的;也是Node.js的包管理工具,相当于后端的Maven 。

2. npm 安装和配置

2.1.安装

  • 安装node,自动安装npm包管理工具!

2.2.配置依赖下载使用阿里镜像

  •         npm 安装依赖包时默认使用的是官方源,由于国内网络环境的原因,有时会出现下载速度过慢的情况。为了解决这个问题,可以配置使用阿里镜像来加速 npm 的下载速度,具体操作如下:

  • 打开命令行终端,执行以下命令,配置使用阿里镜像

  • 原来的 registry.npm.taobao.org 已替换为 registry.npmmirror.com

npm config set registry https://registry.npmmirror.com
  • 确认配置已生效,可以使用以下命令查看当前 registry 的配置:如果输出结果为 https://registry.npmmirror.com,说明配置已成功生效。

npm config get registry
  • 如果需要恢复默认的官方源,可以执行以下命令:

npm config set registry https://registry.npmjs.org/

2.3.配置全局依赖下载后存储位置

  • 在 Windows 系统上,npm 的全局依赖默认安装<用户目录>\AppData\Roaming\npm 目录下。,当然这里看自己在安装时是否进行了自定义目录

  • 如果需要修改全局依赖的安装路径,可以按照以下步骤操作:

    1. 创建一个新的全局依赖存储目录,例如 D:\GlobalNodeModules

    2. 打开命令行终端,执行以下命令来配置新的全局依赖存储路径:

      npm config set prefix "D:\GlobalNodeModules"
    3. 确认配置已生效,可以使用以下命令查看当前的全局依赖存储路径:

      npm config get prefix

2.4.升级npm版本

  • cmd 输入npm -v查看版本

  • 如果node中自带的npm版本过低!则需要升级至9.6.6!

npm install -g npm@9.6.6

3 npm 常用命令

3.1.项目初始化

  • npm init

    • 进入一个vscode创建好的项目中, 执行 npm init 命令后,npm 会引导您在命令行界面上回答一些问题,例如项目名称、版本号、作者、许可证等信息,并最终生成一个package.json 文件。package.json信息会包含项目基本信息!类似maven的pom.xml

  • npm init -y

    • 执行,-y yes的意思,所有信息使用当前文件夹的默认值!不用挨个填写!

3.2.安装依赖 (查看所有依赖地址 https://www.npmjs.com )

  • npm install 包名 或者 npm install 包名@版本号

  • 其中 install 可以简写为 i           例如 npm i
    • 安装包或者指定版本的依赖包(安装到当前项目中)

  • npm install -g 包名

    • 安装全局依赖包(安装到d:/GlobalNodeModules)则可以在任何项目中使用它,而无需在每个项目中独立安装该包。

  • npm install

    • 安装package.json中的所有记录的依赖

3.3.升级依赖

  • npm update 包名

    • 将依赖升级到最新版本

3.4.卸载依赖

  • npm uninstall 包名

3.5.查看依赖

  • npm ls

    • 查看项目依赖

  • npm list -g

    • 查看全局依赖

3.6.运行命令

  • npm run 命令是在执行 npm 脚本时使用的命令。npm 脚本是一组在 package.json 文件中定义的可执行命令。npm 脚本可用于启动应用程序,运行测试,生成文档等,还可以自定义命令以及配置需要运行的脚本。

  • 在 package.json 文件中,scripts 字段是一个对象,其中包含一组键值对,键是要运行的脚本的名称,值是要执行的命令。例如,以下是一个简单的 package.json 文件:

{
    "name": "my-app",
    "version": "1.0.0",
    "scripts": {
        "start": "node index.js",
        "test": "jest",
        "build": "webpack"
    },
    "dependencies": {
        "express": "^4.17.1",
        "jest": "^27.1.0",
        "webpack": "^5.39.0"
    }
}
  •         scripts 对象包含 start、test 和 build 三个脚本。当您运行 npm run start 时,将运行 node index.js,并启动应用程序。同样,运行 npm run test 时,将运行 Jest 测试套件,而 npm run build 将运行 webpack 命令以生成最终的构建输出。

4.总结

         总之,npm run 命令为您提供了一种在 package.json 文件中定义和管理一组指令的方法,可以在项目中快速且灵活地运行各种操作。

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。npmNode.js 的包管理器,用于下载和安装第三方模块。以下是 Node.jsnpm 的安装配置步骤: 1. 下载 Node.js 安装包:从官网 https://nodejs.org/en/ 下载适合自己系统的安装包,选择 LTS 版本即可。 2. 安装 Node.js:双击下载的安装包,按照提示一步步安装即可。 3. 验证 Node.js 是否安装成功:在命令行中输入 node -v,如果出现版本号则说明安装成功。 4. 配置 npmNode.js 安装完成后,npm 已经自动安装在本地,可以在命令行中输入 npm -v 验证是否安装成功。 5. 切换 npm 源为淘宝镜像:npm 安装包默认使用的是国外的源,下载速度较慢。可以使用淘宝镜像加速 npm 的下载。在命令行中输入 npm config set registry https://registry.npm.taobao.org/ 即可。 6. 配置全局安装目录:npm 默认的全局安装目录是 /usr/local/lib/node_modules,但是这个目录需要 root 权限才能访问。可以将全局安装目录切换到自己的 home 目录下,比如 ~/.npm-global。在命令行中输入 npm config set prefix '~/.npm-global',然后将路径添加到 PATH 环境变量中,即可使用全局安装的模块。 7. 验证全局安装目录是否生效:在命令行中输入 npm config get prefix,如果输出的路径为 ~/.npm-global,则说明全局安装目录已经生效。 以上是 Node.jsnpm 的安装配置步骤。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

XError_xiaoyu

你的支持,使我更好的创作

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值