微信小程序 - 入门级操作

hey ~ 我是肥阳，后期会持续更新，请记得点赞支持哟

1、注册

进入 微信公众平台 ：mp.weixin.qq.com/
点击顶部的 立即注册 ，进入注册页面

选择 小程序 ，下一步填写相关信息：

注册成功之后进入到微信公众平台，在 开发 --- 开发设置 里可以看到 AppID，
后期创建小程序会用到它，是 小程序的唯一标识

2、新建项目

一、下载小程序开发工具： **微信开发者工具**  
下载地址参考官网文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

二、扫码进入微信开发者工具

三、点击 + 号新建项目

- step1： 填写项目名称
- step2： 选择目录
- step3： 填入微信公众平台里的你的AppID
- step4： 开发模式：小程序
- step5： 后端服务：不使用云服务
- step6： 运行环境：Javascript
- step7： 点击新建

恭喜你，到这里一个新的小程序项目就创建成功啦 ~
可以点击顶部的预览，微信扫描二维码预览页面效果

3、代码构成

我们可以看到文件的构成主要有 .js、.json、.wxml 以及 .wxss 文件

.json : 配置文件，以json格式存储一些相应的配置
(
    project.config.json : 项目配置
    app.json : 全局配置
    page.json : 页面配置
)
.wxml : 模板文件，用于描述页面结构，相当于网页开发中的.html文件
.wxss : 样式文件，用于描述、调整页面样式，相当于网页开发中的.css文件
.js : 脚本逻辑文件，用于页面和用户的交互逻辑

4、UI库

vant-weapp : youzan.github.io/vant-weapp/…

如何安装

方式一
通过 npm 安装 (推荐)
# 通过 npm 安装
npm i vant-weapp -S --production

方式二
直接通过 git 下载 Vant Weapp 源代码，并将dist或lib目录拷贝到自己的项目中
git clone https://github.com/youzan/vant-weapp.git

如何引用（这里讲一下方式二的引入方法）

在app.json文件 或 page下的相对应页面下的xxx.json文件
"usingComponents": {
    "van-popup": "/路径/vant/dist/popup/index"
}

5、API

developers.weixin.qq.com/miniprogram…