微信小程序NPM使用及第三方依赖安装详解

2023-11-18

一、NPM

1.1NPM介绍

首先我们介绍NPM的使用,NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

  • 允许用户从NPM服务器下载别人编写的第三方包到本地使用(安装第三方依赖过程,安装依赖就是从服务器下载使用别人写的第三方包)。
  • 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
  • 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过在终端命令行界面输入 "npm -v" 来测试是否成功安装。命令如下,出现版本提示表示安装成功:

C:\Users\xxx>npm -v
6.13.4

C:\Users\xxx>

1.2使用NPM安装依赖

使用方式如下:

npm install 模块名称

 比如我们需要使用express模块:

npm install express

安装好之后,express 包就放在了工程目录下的 node_modules 目录中,因此在代码中只需要通过 require('express') 的方式就好(var express = require('express');),无需指定第三方包路径。

1.3NPM的本地与全局安装

npm 的包安装分为本地安装(local)、全局安装(global)两种,从敲的命令行来看,差别只是有没有-g而已,比如:

npm install express          # 本地安装
npm install express -g   # 全局安装

本地安装:

  • 1. 将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。
  • 2. 可以通过 require() 来引入本地安装的包。

全局安装:

  • 1. 将安装包放在 /usr/local 下或者你 node 的安装目录。
  • 2. 可以直接在命令行里使用。

1.4使用package.json

package.json 位于模块的目录下,用于定义包的属性,

  • name - 包名。

  • version - 包的版本号。

  • description - 包的描述。

  • homepage - 包的官网 url 。

  • author - 包的作者姓名。

  • contributors - 包的其他贡献者姓名。

  • dependencies - 依赖包列表。如果依赖包没有安装,npm 会自动将依赖包安装在 node_module 目录下(使用npm install命令(不加模块参数)时可以将该列表中写出的依赖包安装到node_module目录下)。

  • repository - 包代码存放的地方的类型,可以是 git 或 svn,git 可在 Github 上。

  • main - main 字段指定了程序的主入口文件,require('moduleName') 就会加载这个文件。这个字段的默认值是模块根目录下面的 index.js。

  • keywords - 关键字

二、新建云函数安装依赖详解

2.1云端自动安装依赖包

云开发中必须安装 wx-server-sdk 依赖, 而wx-server-sdk 依赖需要使用 npm 的。但由于部分开发过程可能不再需要其他的依赖,那么每次开发都要使用 npm 安装依赖是一件很麻烦的事情。微信为了简化云开发操作,提供了一键云端安装 wx-server-sdk 依赖,也就是在云端帮助我们搞定,不需要我们手动在本地使用 npm 安装,如下图:

 

2.2手动安装第三方依赖包 

如果我们的云函数使用到第三方依赖就需要我们手动的安装依赖包,无法再使用上边自动安装依赖的方式 ,步骤如下

1.首先我们在要安装依赖的云函数目录下点击在终端打开

2.在终端命令行输入安装依赖命令安装依赖,如:

npm install request-promise 

紧接着,千万不要忘记安装wx-server-sdk依赖

npm install wx-server-sdk

大家也可以使用在package.json文件的dependencies属性中加入需要安装的依赖列表,然后使用npm install命令自动安装在依赖列表中的所有依赖。 

 3.上传并部署,如果有第三方依赖需要上传的话,需要使用上传并部署所有文件的方式(如果依赖已经上传完,后续云函数有更新的话,可以使用上传并部署:云端安装依赖,实现增量更新):

2.3Tips

  • 若不使用npm第三方依赖包(除wx-server-sdk以外的依赖),则直接选择“云端安装依赖”。
  • 若要使用npm第三方依赖包,则需在终端中手动安装依赖。此时,千万不要忘记安装 wx-server-sdk 依赖,因为“上传并部署:所有文件”这一选项并不会帮我们傻瓜式安装 wx-server-sdk 依赖。

 

 

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

微信小程序NPM使用及第三方依赖安装详解 的相关文章

  • 微信小程序项目使用npm安装vant-weapp的正确步骤及错误处理方法

    微信小程序项目使用npm安装vant weapp的正确步骤及错误处理方法 1 搭建小程序 1 1 项目 新建项目 如下图所示 1 2点击图中 新建 即可创建成功小程序项目 2 安装vant weapp库 2 0 在安装vant weapp之
  • ORA-01950: 对表空间 ‘SYSTEM‘ 无权限

    对表空间 SYSTEM 无权限 问题 对表空间 SYSTEM 无权限 处理 alter user test 用户名 quota unlimited on users 问题 对表空间 SYSTEM 无权限 出现ORA 01950 对表空间 S
  • QML-消息提示框

    QML 消息提示框 前言 一 提示框 二 警告提示框 三 错误提示框 四 属性介绍 前言 介绍常用的消息提示框 包括提示 错误 报警等 一 提示框 import QtQuick 2 12 import QtQuick Window 2 12

随机推荐

  • Qt creator出现mainwindow.ui does not exist,导致无法编译通过

    遇到这个问题 首先是之前做过删除ui mainwindow h的操作步骤 导致出现这样的问题 参考博客 https blog csdn net mhw828 article details 104143881 解决的方法就如这位博主说的 需
  • redis集群模式

    redis单机版 出现单机故障后 导致redis无法使用 如果程序使用redis 间接导致程序出错 redis的集群模式 主从复制模式 哨兵模式 集群化模式 1 主从复制模式 一主多从模式 一个主节点 多个从节点 那么主节点可以负责 读操作
  • MySQL拾遗之数据类型的默认值-default

    MySQL 中 所有的数据类型 都可以显式或隐式的拥有默认值 我们可以使用 DEFAULT 约束显式的为列指定一个默认值 比如 CREATE TABLE t1 i INT DEFAULT 1 c VARCHAR 10 DEFAULT pri
  • 正则,JS:this,同步异步,原型链笔记整理

    一 正则表达式 正则表达式 regular expression 是一种表达文本模式 即字符串结构 的方法 有点像字符串的模板 常常用来按照 给定模式 匹配文本 正则表达式可以用于以下常见操作 匹配 判断一个字符串是否符合某个模式 搜索 在
  • DCA和DTS关系

    On the consumer level DTS is the oft used shorthand for the DTS Coherent Acoustics DCA codec transportable through S PDI
  • 深信服C++开发岗笔试记录

    如果大家也在找面试笔试题目内容 可以看我的总结文章 正在更新之中 有没涉及到的内容 欢迎大家指出 附链接 数据库 C C HTML OS 计网面试准备 更新中 笔试共有三部分 不定项选择 8道 填空 7道 编程 3道 选择和填空的部分内容涉
  • Mybatis left join 一对多及多对多查询配置

    一对一查询配置
  • 90-50-010-源码-hbase的rowkey设计

    1 视界 1 rowKey编码概述 注 Kylin源码分析系列基于Kylin的2 6 0版本的源码 其他版本可以类比 2 相关概念 前面介绍了Kylin中Cube构建的流程 但Cube数据具体是以什么样的形式存在 可能还不是特别清晰明了 这
  • 拷贝构造函数调用总结

    拷贝构造函数主要在以下三种情况下起初始化作用 1 在声明语句中用一个对象初始化另一个对象 2 将一个对象作为参数按值调用方式传递给另一个对象时生成对象副本 3 生成一个临时对象作为函数的返回结果 那么接着就看一下在这三种情况下拷贝构造函数分
  • python自动化课程笔记(六)函数

    函数 类 模块 包 项目 包与文件夹的区别在于 包中有很多模块 和init文件 函数 提高编码的效率及代码的重用 把独立功能的代码块组成一个小模块 def printInfo 定义一个函数 print 10 print 人生苦短 我用pyt
  • Microsoft Office 2021安装

    哈喽 大家好 今天一起学习的是office2021的安装 有兴趣的小伙伴也可以来一起试试手 一 测试演示参数 演示操作系统 Windows 11 支持Win10安装 不支持Win7 XP系统 系统类型 64位 演示版本 cn office
  • PMP估算方法对比:参数估算、类比估算、自下而上估算、三点估算和粗略量级估算

    目录 1 类比估算 2 参数估算 3 自下而上估算 4 三点估算 5 粗略量级估算 1 类比估算 英文全称 Analogous Estimating Technique 定义 与过去类似活动的参数值 如范围 成本 预算和持续时间等 或规模指
  • 快乐E栈项目实战第四阶段

    快乐E栈项目实战第四阶段 文章目录 快乐E栈项目实战第四阶段 1 思路 2 代码 3 结果 学完Java的IO操作 我们使用文件将快递信息存储起来 这样程序重新启动起来存储的快递信息也不会丢失 暂时不使用序列化进行存储 使用Properti
  • MySQL C/C++ API libmysqlclient-dev

    完整的API内容地址 https www mysqlzh com doc 196 html 接口 接口 解释 mysql library init 初始化MySQL C API库 mysql library end 最终确定MySQL C
  • Calendar的使用

    Calendar Calendar是一个抽象类 构造器被protected修饰 需要通过getInstance 获取实例 public static void main String args Calendar instance Calen
  • IDEA2021中VUE代码爆红解决方案

    1 在IDEA中安装vue js插件 找到vue js安装即可 之后点击apply gt OK 2 安装完成后打开cmd 输入npm v npm命令集成在node js里面 如果这条命令失败则前往node js进行相关的安装 3 爆红的主要
  • 解决Ubuntu 20.04网络无法连接,没有网络图标

    现象 网络适配器处于NAT 并且电脑主机有网络 但是Ubuntu20 04中没有网络 或者初次启动Ubuntu20 04时是由网络的 但后来不知是何原因导致网络不通 无法用浏览器访问百度 如下图右上角有线网络图标消失了 解决方法 删除Net
  • 【教程分享】Docker搭建Zipkin,实现数据持久化到MySQL、ES

    1 拉取镜像 指定版本 在git查看相应版本 参考 https github com openzipkin zipkin 如2 21 7 docker pull openzipkin zipkin 2 21 7 2 启动 Zipkin默认端
  • Mybatis源码阅读(四)-Spring集成Mybatis-Mapper接口的注入:MapperScannerConfigurer

    一 Spring包扫描注解注入会过滤掉接口类 在Spring IOC容器启动的过程中 Spring会在扫描 CompopnentScan指定的路径时 会将被 Component Service等注解的类自动注册BeanDefinition到
  • 微信小程序NPM使用及第三方依赖安装详解

    一 NPM 1 1NPM介绍 首先我们介绍NPM的使用 NPM是随同NodeJS一起安装的包管理工具 能解决NodeJS代码部署上的很多问题 常见的使用场景有以下几种 允许用户从NPM服务器下载别人编写的第三方包到本地使用 安装第三方依赖过