【微信小程序开发】安装第三方库

【微信小程序开发】安装第三方库

本文利用npm进行安装，参考资料：微信小程序入门与实战

一、安装Node.js

首先，我们要确保本机已经安装了npm。若已安装成功，可跳过此步；若未安装，我们可以在本机安装Node.js，Node.js中包含npm。
根据本机的情况，到Node.js官网安装对应的版本。若不会安装，可搜索对应安装教程。
安装完成后，win+r，打开cmd窗口。分别输入

node.js -v
npm -v

若显示正确的版本号，则安装成功。如下图：

如果报错，可能是环境变量未配置。可以检查一下并进行配置。

二、安装第三方库

2.1 进入项目所在的根目录

依然在cmd窗口，进入项目所在的根目录，如下图：

2.2 初始化npm

输入npm init，进行初始化npm：

接着可以输入一些选项，如果不想输入，则全部按回车：

结果，可以看到在我们的项目中出现一个新增文件，名为package.json

而刚才初始化的一些设置我们也可以直接在package.json文件中进行修改

2.3 安装第三方库

最后，安装第三方库。这里以Lin UI为例。输入npm i 第三方库@版本号，如：
npm i lin-ui@0.8.7

出现如下结果，则安装成功。

package.json中增加了如下信息

三、构建npm

按照第二大点安装完组件库，还不能直接使用。
点击菜单栏的工具，点击构建npm。

出现如下提示，则完成构建。

我们后面真正要使用的是miniprogram_npm中的第三方库，而非node_modules。