自用。
一些可能用到的网站
iconfont-图标素材库
十六进制颜色值与RGB值互转
二颜色混合器
日本传统颜色
Flex布局语法
学习html
学习css
学习javascript
学习React
学习Remax
微信小程序开发文档
待补充…

一. 下载IDE

• 教程使用的是 Jetbrains 旗下的 Intellij IDEA Ultimate，点击下载 。

• 如果要申请 教育免费 license，需要有效的大学edu邮箱。点击申请 。
  免费license过期后可以打折购买，少四分之一的费用=_=。

• 现在直接有 edu 版本，暂时不知道与 Ultimate 版本的区别。尝试下载 。

• 不推荐下 community 版本，功能过少。

  教育邮箱忘记了可以找管理员找回，不同学校要求可能不同。
  对了，教育验证信息可能被网关收到垃圾箱=_=。

  

二. 认识和学习Remax

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

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

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

三. 使用IDE创建Remax项目

1. 进入IDE，选择新建项目，选择React项目，选择Node解释器位置，复制创建项目命令
   npx create-remax-app my-app。

   

2. 等待大约半分钟，npx下载完成，在控制台中填写项目信息，注意 platform 选择自己需要的小程序类型。

   

3. 项目创建完成的结构如下，可以在 package.json 执行脚本命令，缺少 npm 环境时 IDE 会自动提示安装。

   

4. npm 下载完成后，在 package.json 点击 "dev": "remax build -t wechat -w" 构建项目，生成dist文件夹，这个文件夹就是我们想要的微信小程序。

   
   

四. 使用微信小程序开发工具

上一步得到的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 模块即可。
（作为后端，势必拥有强大的自学能力，自然可以几笔带过=_=）