微信小程序-构建小程序的一些步骤

自用。 一些可能用到的网站 待补充…

一. 下载IDE

教程使用的是 Jetbrains 旗下的 Intellij IDEA Ultimate， 。 如果要申请 教育免费 license，需要有效的大学edu邮箱。 。 免费license过期后可以打折购买，少四分之一的费用=_=。 现在直接有 edu 版本，暂时不知道与 Ultimate 版本的区别。 。 不推荐下 community 版本，功能过少。 教育邮箱忘记了可以找管理员找回，不同学校要求可能不同。 对了，教育验证信息可能被网关收到垃圾箱=_=。

二. 认识和学习Remax

首先认识和学习 React，它是比较流行的前端框架，主要设计思路是：封装组件，然后通过组合简单的组件来构成复杂的界面。

学习 React 可以从 入手，也可以看 。（菜鸟教程真的很行，很多入门都可以在这里学）

但是 React 适用于网页端，需要 React Native 才能开发原生移动应用。对于我们的目标：小程序而言，得采取新的库，这里我们使用： 进行编写。它实现了用 React 去写小程序，可以看作React的扩展。这里是。

三. 使用IDE创建Remax项目

1. 进入IDE，选择新建项目，选择React项目，选择Node解释器位置，复制创建项目命令 npx create-remax-app my-app。
2. 等待大约半分钟，npx下载完成，在控制台中填写项目信息，注意 platform 选择自己需要的小程序类型。
3. 项目创建完成的结构如下，可以在 package.json 执行脚本命令，缺少 npm 环境时 IDE 会自动提示安装。

上一步得到的dist文件夹中的小程序怎么看呢？ 答案是使用 根据需要选择版本，教程使用的是：稳定版 Stable Build (1.05.2204250 | 1.06.2204250) Windows 64

完成安装后，创建小程序，记得选择刚刚得到的dist文件夹。完成后点击确定。 点击编译，显示如图画面说明成功。

五. 快速尝试-实现底部导航栏

1. 在pages目录下添加user文件夹，格式和index一样，复制内容，稍作修改。
2. 在app.config.js修改小程序配置。 原配置 现配置 tabBar确定了导航栏的属性。

这是小程序开发者的世界，随意浏览和使用。点击进入

前端介绍的差不多，接下来我再说一下后端。

七. 使用 Express+MySQL 开发后端

在 IDE 中创建 Express 项目，库中引入 mysql 模块即可。 （作为后端，势必拥有强大的自学能力，自然可以几笔带过=_=）