微信小程序系列（二）：小程序引入linUI

上一篇文章，已经简单介绍如何创建一个微信小程序

下面我们开始第二部分引入lin-ui

引入lin-ui的方法有两种，第一种通过npm，第二种在git下载

本教程讲解的是：npm安装的方式

• 首先电脑安装npm
• 进入小程序项目根目录，执行npm init
• 修改小程序中的package.json文件，并指定lin-ui的版本
• npm install
• 在小程序编译工具中进行npm构建

方法一：npm安装

1.1 windows安装node.js

访问：nodejs.org

选择合适版本，进行安装

1.2 安装后执行命令查看版本

cmd>node -v

cmd>npm -v

node.js安装完成

1.3 进入项目根目录

如何查看该项目的根目录？？如下图

1.3.1命令行执行 npm init

1.3.2、返回小程序的编译工具，查看是否生成package.json

1.3.3、命令行执行 npm i

npm install 后小程序的根目录会有node_modules文件夹

1.3.4、构建npm

打开微信开发工具，选择菜单“工具”–>“构建npm”

lin-ui引入成功。

提出疑问：如何变更lin-ui的版本呢？

1、把node_modules文件夹和文件夹删除

2、修改package.json的版本，重新执行npm i[1.3.3步骤]

3、微信小工具的构建npm【 1.3.4步骤】

lin-ui已经成功引入，下面将进行lin-ui的实战内容