2017年小程序发布以来，经过近5年的发展，微信小程序开发已经日趋成熟。越来越多的商家已经开通了线上的电商小程序，一个是给店铺引流，另一方面也是更好的为顾客服务。

本文利用一定的篇幅讲解一下微信小程序开发工具的搭建思路，如有不足还望读者见谅。我们开发的工具是利用微信开发者工具，同时需要开通小程序云开发环境。下边我就一步步讲解微信小程序开发环境如何搭建。

账号注册

想要开发小程序，先需要注册账号，我们在百度里输入微信公众号，找到官方的地址

点击顶部的立即注册按钮

一共是有四种类型可供选择，订阅号一般是作为作者注册使用的，如果你准备写文章来提升自己的影响力那么可以注册订阅号，每天可以发布一篇文章。

服务号主要是面向商家，有好多企业都有自己的服务号，一般是可以捆绑自己的后台系统，比如会员管理系统，就可以在服务号注册会员。

小程序是我们今天的重点，注册小程序后就可以上线自己的小程序了。小程序和服务号的区别是小程序是在微信的一级功能，可以很方便的找到，服务号的话必须主动搜索找起来比较麻烦。

企业微信是另外一个赛道了，是腾讯给企业提供的协同办公工具，这个我接触的比较少，没有深入了解过就不做过多的说明了。

我们点击小程序，就进入到了账号注册界面

需要说明的是账号注册分为个人认证和企业认证，个人认证需要提交身份证信息，而企业认证需要根据注册的类目不同提交不同的资料，有的类目还有一定的认证费用。

这里需要知道的是不同的资质可以上线的小程序是不同的，需要先了解清楚，很多商家没有概念，一上来就说我要打造个电商平台，作为个人连资质都没有就要运营电商平台也真是让人无语。

常见的服务类目服务类目在开发之前切记要仔细阅读，不要投入了非常大的开发费用到了上线了才发现自己不符合要求，那前期的投入不都打水漂了。

有的不了解认证是如何进行的，这一篇详细讲解了认证的具体操作，也是需要必须了解的前置知识微信认证

账号登录

经过上述的一系列步骤，想必您已经注册了自己的账号，扫码登录即可。

开发者工具下载

想要开发，我们第一步是需要安装开发环境，在首页上下载普通小程序开发者工具

下载的是一个exe安装程序，下载完毕我们双击安装，下载地址微信开发者工具

根据操作系统的版本不同，安装对应的版本，我这里是安装的windows64

弹出安装界面，点击下一步

接受许可证协议

选择安装的位置，我更改为D盘

等待安装进度完成即可

开发者工具登录

安装完毕后工具会默认启动，先需要扫码登录

扫码登录后，可以点击+号来创建小程序

可以输入小程序的名称和选中安装的目录

每一个小程序都有个唯一标识叫appid，这个id不是我们自己输入的，是在账号注册的时候就已经规定好了的，如何找呢？

我们还是回到微信公众平台里，在左侧的导航条找到开发管理菜单

在中间的内容区域切换到开发设置页签，就可以找到自己的appid了

复制这个id贴入到开发者工具里

后端服务我们选择小程序云开发，因为我们的业务逻辑要写成云函数，而数据要存入云开发提供的数据库里，电商小程序一般以图为主，图片的话要调用云开发提供的云存储。都设置好后点击新建按钮创建小程序。

开发者工具布局介绍

小程序创建成功后，默认打开我们刚刚创建的小程序。

布局一共是分为四个部分，分别是顶部的菜单区，中间的快捷面板，左侧的模拟器和右侧的代码编辑区

我们现需要开通小程序云开发的环境，新用户直接点击云开发的图标即可开通

我的环境让我自己删除了，不能从开发者工具里再次开通，我们可以到微信公众号平台里再次开通

点击云开发菜单

点击开通按钮

需要输入环境名称

勾选协议点击确认即可，这样开发环境就全部搭建完毕了，后续就阅读官方文档愉快的进行开发吧。

一篇文入门微信小程序开发环境搭建相关推荐

微信小程序开发环境搭建（超详细）
微信小程序开发环境的搭建是很简单的首先我们需要是登录微信公众平台微信公众平台点击右上角立即注册注册账号类型选择小程序进入注册界面后按提示完成账号信息邮箱激活信息登记注册完成后界面如下, ...
微信小程序开发环境搭建
转载自:http://blog.csdn.net/xiehuimx/article/details/52629657 现真是轰炸了整个开发人员,当然很多App开发人员有了一个担心,微信小程序的到来会不 ...
从零开始：小程序开发环境搭建详解
文章目录人工智能福利文章前言一.了解小程序二.小程序开发环境搭建开发工具开发环境三.小程序开发入门注册开发者账号下载小程序开发工具创建小程序项目开发小程序页面调试和测试小程序 ...
关于微信小程序开发环境苹果IOS真机预览报SSL协议错误问题解决方案
关于微信小程序开发环境苹果IOS真机预览报SSL协议错误问题解决方案参考文章: (1)关于微信小程序开发环境苹果IOS真机预览报SSL协议错误问题解决方案 (2)https://www.cnblog ...
微信小程序怎么在wxml中插入多个图片_白云工商带你10分钟入门微信小程序开发...
10分钟入门微信小程序开发程序开发难吗? No!来白云工商带你10分钟入门微信小程序开发! 英语不好能学好程序开发吗? 当然能,程序开发常见的也就那几个单词,只要热爱,非常简单! 欣赏首先,来欣赏 ...
微信小程序开发环境（阿里云服务搭建+可运行的demo）
最近微信小程序异常火爆,很多人在学习,下面带着大家搭建下微信小程序的调试环境(client+server),并调试一套demo源码(JavaScript和node.js基础即可,微信推荐使用的语言,无 ...
基于mpvue框架搭建微信小程序开发环境
一.按照mpvue官网新建前台工程 http://mpvue.com/mpvue/quickstart.html(mpvue快速上手教程) 二.路由功能代码实现 mpvue对vue-router的支持 ...
一键搭建微信小程序开发环境及demo运行（腾讯云上一键搭建node.js服务器环境，PHP，Java，.NET服务类似）
一.首先准备下本地环境(本地就需要一个微信开发工具) 1.首先得有一个微信小程序账号,登陆微信小程序首页:mp.weixin.qq.com,点击右上角立即注册. 注册登陆后,首页填写一些小程序基本信息 ...
一、从项目零基础入门微信小程序之项目搭建欢迎页面实现
前言本项目以JavaScript语言进行开发未涉及到TS内容本项目较为基础,仅供学习与交流,不涉及任何商业内容,首先需要电脑安装微信小程序开发工具,这里就不在阐述具体安装步骤如果不会可以移步百度搜索 ...

一篇文入门微信小程序开发环境搭建