微信小程序开发（一）

一、创建微信小程序demo

创建微信小程序之前先获取APPID，获取AppID先到微信公众平台注册账号，有账号的话直接扫码登入，然后获取AppID，填入下图创建小程序的AppID，我们使用微信云开发。

 

云开发：

包含数据库，云函数，云存储

 

二、引入第三方UI组件

微信小程序提供了自己的UI组件，同时也可以开发使用第三方组件，如有赞团队开发的Vant Weapp

首先在该目录下右键，用外部终端打开，然后构建package.json文件，执行：npm init，然后再安装vant组件，执行：npm i @vant/weapp -S --production

构建npm：

在微信小程序编辑器中打开工具，构建npm，会生成一个miniprogram_npm文件

 详情——使用npm模块

 程序中应用外部组件：

在每个模块的index.json或者全局的app.json中引入：

代码中使用：

 

 

 三、使用第三方字体库

使用阿里巴巴矢量库图标，选择好图标后，把图标下载至本地

 

 

 然后把下载的iconfont.css复制到自己的目录下，更改成iconfont.wxss，把上面的那段代码复制覆盖到下面的@font-face

 使用iconfont：

在使用的模块引入该文件：@import "../../css/iconfont.wxss";