10分钟入门微信小程序开发：从环境搭建到开发出第一个程序。 _微信小程序

小程序简介小程序是一种不需要下载安装即可使用的快速应用，它实现了应用“触手可及”的操作；用户扫一扫或搜一下即可打开应用，完全不需要安装，因此小程序不仅可提高的用户的应用体验，也方便应用的传扩散。
本文带大家快速入门小程开发，了解从环境搭建到开发出一个简单hello world程序，从而上手小程序开发，让你快速成功小程序开发人员。之后，想开发什么样的小程序，就可以自己研究和努力了。

文章插图

【10分钟入门微信小程序开发：从环境搭建到开发出第一个程序。】下面，是循序渐经的步骤：
?1、注册小程序在开发之前，当然需要先注册一个小程序账号。
进入“微信公众平台”进行注册。
这里需要注意的是邮箱必须是未被微信公众平台注册、未被微信开放平台注册、未被个人微信号绑定的才有效。
提交之后登录你注册用的邮箱，会收到一个条“激活你的微信小程序”的邮件，点击邮件中的激活链接去完善“信息登记”即可激活账户。

文章插图

? 2、获取AppID登录小程序账号之后我们需要先填写“小程序信息”，然后可以在左侧菜单栏中找到“开发”选项，点击进入该栏后进行点击tab中的“开发设置”选项。就可以看到属于我们的AppID，这是微信公众平台上的小程序ID 。微信通过它来确定小程序“身份”及提供相应的功能接口。

文章插图

3、安装微信开发工具在“微信官方文档-小程序”的开发页面中，我们可以找到“工具”选项，选择适合自己电脑系统版本的进行下载（这里我用的是windows 64），双击运行下载好的软件然后“下一步”到底即可，安装完开发者工具后会自动在桌面添加“微信开发者工具”快捷图标。通过点击“微信开发者工具”图标打开微信小程序开发工具，然后用自己的微信软件扫描二维码登录，就可进入微信web开发者工具。
? 4、集成开发环境安装开发工具之后就可以进行开发了。
用你注册小程序的微信账号扫码登录“微信开发者工具”就可以开始创建小程序项目了。
下面是“微信开发者工具”打开项目之后的显示界面。
官方工具中的代码编辑功能很弱，只有基本的代码编辑功能根本无法满足撑项目快速开发的需求。
（不过调及试预览功能还是很强大的）。

文章插图

所以我们可以使用“微信开发者工具”再搭配一款IDE来一起开发。比如：VSCode，VSCode是一款免费开源的轻量级跨平台代码编辑器，集成了大部分代码编辑的器的优点，集成GIT、代码调试、语法高亮。最主要是拥有强大丰富的插件系统，几乎支持所有主流的开发语言且运行稳定，系统内存占用率低非常适合搭建IDE 。

文章插图

5、开发第一个小程序开始：创建项目创建小程序项目。
“微信开发者工具”支持小程序、小游戏、代码片段及公众号网页项目开发，默认选择小程序。

文章插图

?点击右侧空白处的“+”号来创建新项目或者导入已有项目，这里的AppID就是前面注册小程序的时候获取的。

文章插图

初始操作时，应该创建一个空目录，用于存放项目文件。

文章插图

6、创建app.js文件在目录中创建一个app.js文件，该文件作为项目的入口文件，通过App() 函数来注册一个小程序的应用。该函数接受一个object参数(function 和 data)，比如小程序的生命周期函数。这里我们先不管那些生命周期函数，只要定义个空参数的App({})函数即可注册小程序。
//app.jsApp({})7、创建一个hello world页面我们需要显示“Hello World”内容，所以这里我们需要创建一个页面。在目录中创建一个helloworld.wxml文件，这里我用个视图容器view标签来显示“Hello World”内容。