NPM工具的使用

本文介绍了NPM工具的基本概念及其作为NodeJS包管理器的作用。详细解释了NPM的构成部分,包括网站、注册表和命令行工具。此外,还提供了NPM命令的实际用例,例如安装、卸载和更新模块。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

NPM工具的使用

NPM基本介绍

  • NPM是什么?NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题。NPM的中文文档https://www.npmjs.com.cn/getting-started/what-is-npm/上介绍说:
    它是世界上最大的软件注册表,每星期大约有 30 亿次的下载量,包含超过 600000 个 包(package) (即,代码模块)。来自各大洲的开源软件开发者使用 npm 互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本。
    这里写图片描述
    NPM就像一个超级管家一样,管理者各类js模块代码,并把js开发者联系起来。

  • NPM构成
    npm 由三个独立的部分组成:

     - 1网站  :  网站是开发者查找包(package)、设置参数以及管理 npm 使用体验的主要途径。
     - 2注册表(registry)  :  注册表 是一个巨大的数据库,保存了每个包(package)的信息。
     - 3命令行工具 (CLI)  :  CLI 通过命令行或终端运行。开发者通过 CLI 与 npm 打交道。
    

    网站网址:https://www.npmjs.com
    这里写图片描述
    你可以点进你感兴趣的项目,查看该项目如何使用等。

NPM使用

  • 因为我这里要用到Node.js,所以我下载Node.js后自带NPM。
    这里写图片描述

  • 测试NPM是否安装成功 npm -v
    这里写图片描述
    如图显示NPM的版本号,表示NPM安装成功。

  • 使用 npm 命令安装模块

    npm install [-g] <Module Name> 
    
    没有参数-g表示本地安装,本地安装指的是:
    	将安装包放在“运行npm命令时所在的目录” ,
    	可以通过 require() 来引入本地安装的包。
    	使用时,在代码中只需要通过 require('Module Name') 的方式就好,无需指定第三方包路径。 
    带有参数-g表示全局安装,全局安装是指:
    	将安装包放在 /usr/local 下或者你 node 的安装目录,
    	可以直接在命令行里使用
    Module Name指的是包名,即代码模块的名字。
    

    我们使用 npm 命令安装cordova和ionic包,这里暂时不用管cordova和ionic包是什么,只需要这是相关的代码模块。

    npm install -g cordova ionic  (网速较慢,下载时间长)
    或者
    npm install -g cnpm --registry=https://registry.npm.taobao.org (淘宝镜像)
    
    你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    
    接下来就可以使用cnpm 命令来安装模块了其他:
    cnpm install -g ionic cordova 
    
  • 查看安装信息

    查看所有全局安装的模块
    npm list -g
    
    查看某个模块的具体安装信息
    npm list <Module Name>
    
  • package.json文件
    因为我的window系统,并采用全局安装,因此安装的包位于:
    这里写图片描述
    以ionic为例查看该包的package.json文件
    这里写图片描述

  • 卸载、更新、搜索模块

    npm uninstall ionic
    卸载后,你可以到 /node_modules/ 目录下查看包是否还存在,或者使用以下命令查看:
    npm ls
    
    npm update ionic
    
    npm search ionic
    
  • 创建模块
    创建模块请参考http://www.runoob.com/nodejs/nodejs-npm.html 。

  • 欢迎扫码按关注更多信息
    在这里插入图片描述

### 微信开发者工具使用 npm 的方法及配置教程 #### 一、背景介绍 npm 是 JavaScript 生态中的包管理工具,同时也是 Node.js 平台的默认包管理工具。它允许开发者轻松安装、共享和分发代码,并有效管理项目依赖关系[^2]。 从小程序基础库版本 **2.2.1** 开始,微信小程序正式支持通过 npm 安装第三方包来扩展功能。这使得开发者可以更方便地引入社区已有的高质量组件或工具库。 --- #### 二、具体操作流程 ##### 1. 创建并初始化 npm 项目 在本地创建一个新的小程序项目文件夹,并进入该目录下运行以下命令以初始化 npm: ```bash npm init -y ``` 这条命令会在当前目录生成 `package.json` 文件,用于记录项目的依赖信息和其他元数据。 ##### 2. 添加所需的 npm 包 根据实际需求选择合适的 npm 包进行安装。例如,如果希望集成 Vant WeApp 组件库,则执行如下命令: ```bash npm install vant-weapp --save --production ``` 上述命令的作用是从远程仓库下载指定的 npm 包及其子依赖至本地的 `node_modules` 目录,并将其写入到 `package.json` 中作为生产环境下的依赖项[^3]。 > 注意:确保网络连接正常以及能够访问国内镜像源(如淘宝 NPM 镜像),否则可能会遇到加载失败的情况。 ##### 3. 构建 npm 模块 打开微信开发者工具,在菜单栏依次点击 **“工具” -> “构建 npm”** 来触发编译过程。此时,工具会自动读取 `project.config.json` 和 `package.json` 文件的内容,将必要的资源复制到小程序可识别的位置——即 `/miniprogram_npm/` 路径下[^1]。 如果有任何错误提示,请仔细检查是否存在未定义变量或者路径冲突等问题;另外确认已经成功完成了第 2 步骤的操作后再尝试重新构建一次。 ##### 4. 启用“使用 npm 模块” 前往 **“设置” -> “项目设置” -> “本地设置”** 页面,找到名为 **“使用 npm 模块”** 的开关按钮并开启此项功能。只有当这个选项被激活以后,才能让最终打包出来的产物包含来自外部导入的功能逻辑片段。 完成以上全部准备工作之后就可以正常使用基于 npm 提供的各种插件和服务啦! --- #### 三、常见问题排查 - 如果发现无法定位到 `node_modules` 文件夹,请先验证是否确实按照标准方式执行过完整的安装动作。 - 当某些特定场景下面临兼容性挑战时,建议升级最新版的基础 SDK 或者调整目标平台参数设定值。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值