构建小程序开发环境

前言：

虽然小程序已经出来很久了，但由于各种原因，它一直没有被学习。最近，该公司有开发小程序的任务，因此开始学习如何开发小程序。

接到任务后，我上网了解了微信小程序开发所需的一些开发技能和技术要求水平；

在了解了一些基础知识之后，我有了一个大致的想法，然后开始根据原型图评估开发时间；

技能要求：CSS、JS

事实上，以下所有步骤在微信公众平台上都有详细描述。建议您直接前往微信公众平台查看官方说明；

微信官方软件介绍下载说明：

1、 软件下载地址（win64、win32和Mac版本可用）

2、 安装WeChat Web开发工具

安装过程相对简单。您可以根据提示逐步安装它。我不在这里重复；

3、 创建一个简单的项目

1.打开微信Web开发工具后，您可以使用微信登录。以后不需要再次登录

2.登录后，选择相应的项目类型、小程序项目或公众号页面任务。在这里我们可以选择小程序项。选择后，基本信息如下：

创建项目.png

项目目录：存储项目的地址。设置目录后，将显示是创建通用快速启动模板还是插件快速模板；

AppID：对于小程序ID的具体应用，您可以前往微信公众平台查看应用步骤。因为你还没有申请AppID，所以可以直接选择体验；

注册访问过程描述：

项目名称：作为名称，无话可说；

4、 新项目各文件的说明

小程序项目的主要文件类型为：；

.js：逻辑交互、网络请求和其他操作，类似于MVC架构Android项目中的活动，响应界面上的一些用户操作，控制页面的显示和与服务器的数据交换

.wxss：主要定义页面中控件的样式，有点类似于Android中View对应的样式

.wxml：每个页面对应的布局

.json：每个页面中都有一个json文件。您可以设置页面标题等。。

项目创建后，将有一个app。json文件，主要定义状态栏的颜色或标题的颜色；

每个页面都需要在这里注册。按照演示中的注册方法复制注册

创建项目后，会有一个project.config。json文件，这是项目的基本配置文件，如AppId、项目名称等；

5、 软件界面简述

软.png

6、 摘要

本文主要是小程序开发环境建立的简单记录，因此不涉及开发语言；

事实上，以上所有内容都是微信官方详细解释的。您可以直接查看官方文件，这些文件具有权威性和详细性；

在开发之初，很多东西都没有在微信公众平台上找到，所以我们不得不在第三方博客论坛中寻找信息。后来，我们发现微信公众平台上都有。浪费了很多时间。。。

上一篇：

下一篇：小程序开发的界面编写