我们需要使用的开发工具

1.微信网络开发人员工具2.想法3.git

微信需要开发人员工具。其他两个是可选的

一、建立小程序项目

1.如果您开发了微信个项目，则需要有一个帐户才能开发基于微信框架的程序，因此小程序也不例外，申请具有小程序的帐户

小程序访问指南

申请小程序后，登录到小程序的后台，并设置了小程序的基本信息后，需要注意小程序的密钥和appid，然后设置地址小程序

访问的后台界面

此服务器域名需要与后端确认。此处需要配置请求后端接口，否则它将无法获取后端数据。同时，后端还需要配置appid和小程序密钥。如何设置此后端？

我不会在这里介绍它。

2.使用开发人员工具构建项目的基本结构

在项目目录中选择一个空文件夹，您可以自动选择要开发的模板。单击创建/确定，您将看到此界面。同时，我们的计算机文件夹中将包含我们的开发人员工具。

帮助我们生成基本的项目结构

这是微信网络开发人员工具帮助我们生成的基本小程序项目结构

3.将想法用于项目开发

首先，为什么我们要使用思想来开发小程序项目。 Web开发人员工具也可以用于开发。有编辑功能。这位微信网络开发人员曾经看到效果并上传了代码以使用该开发

让我们使用吧。更习惯使用且功能强大。

这里不介绍如何使用想法。用构想开发小程序。我们需要突出显示代码。然后，我们需要了解小程序中文件的组成。

后缀为

的文件

js是js文件（与当前问题文件夹下的wxml相关，并且不需要脚本引用对应的js，就像以前的前端开发一样，其中与logs.wxml对应的js是此日志。 js即使您的wxml不需要js，也需要根据此项目结构来构建项目）

后缀为json的文件（这是小程序中用于配置整个日志页面（模块）的功能的配置，例如配置当前页面的标题。此页面称为日志页面，或它可以称为日志模块，其他一些配置是在json中配置的，通常是一些固定配置）

还有wxml，它实际上是h5中的html，而wxss对应于h5中的css。是否主要是js wxss文件。由于小程序的规范已经定义，因此不需要在wxml中引入

然后，在我们知道这些文件的含义之后，我们将使用CSS解析想法中的wxss并使用html对其进行解析。设置好就可以了

在“想法类型”文件中，将wxml用作html解析，并将wxss用作css解析

通过这种方式，我们可以在思想上开发小程序

这样，我们就完成了开发前的准备工作。对于app.json和app.js，请参阅第二篇文章