微信小程序之开发环境的搭建（图文），有一定的参考价值

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

微信小程序之开发环境的搭建（图文），有一定的参考价值

很早之前就想从头开始写一系列关于小程序专题来分享，但是由于项目一直在进行，所以没有太多时间去研究技术，所以现在可以继续分享。

1：注册

使用未在微信公众平台注册过的邮箱地址注册微信公众号。 网址申请账号：按照指引填写信息并提交相应信息，即可拥有自己的小程序账号。 注册完成后，登录。

2：登录

我们可以在菜单“设置”-“开发设置”中看到小程序的AppID。 小程序的AppID相当于小程序平台的身份证。 后面你会在很多地方用到这个AppID（注意这里一定要和服务账号或者订阅账号的AppID不同）。 当我们有了小程序账号之后，我们就需要一个开发小程序工具。

按照官方教程开发

3：安装开发工具

进入开发工具下载页面，根据您的操作系统下载对应的安装包并安装。 更详细的开发工具介绍请参见《开发工具简介》。 打开小程序开发工具，使用微信扫描二维码登录开发工具，准备开发你的**小程序吧！ 我的电脑是64位的：

4：安装完成后

你的**小程序就打开了：新建一个项目，选择小程序项目微信小程序之开发环境的搭建（图文），有一定的参考价值，选择存放代码的硬盘路径，填写你刚刚申请的小程序的AppID开发搭建微信小程序，给你的项目起一个好听的名字，然后*后，选中“创建项目”（注意：您必须选择一个空目录才能有此选项），单击“确定”，您将获得您的**小程序。 单击顶部菜单上的“编译”以在 IDE 中预览您的**个小小程序。

5：编译预览

点击工具上的编译按钮，可以在工具左侧的模拟器界面上看到这个小程序的性能。 您还可以通过微信扫一扫，点击预览按钮，体验手机上的**小程序。 OK，您的**小程序已经成功创建，并在微信客户端体验到其流畅的表现。

小程序初始化目录介绍：

1：page页面文件夹存放项目页面渲染相关文件

2：utils存放js库和数字格式文件

3：配置文件

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等