微信小程序开发(一) | 入门开发环境搭建步骤

第一步:申请AppID

AppID 就是小程序在小程序平台的身份证。一个 AppId 只能对应一个小程序。
微信小程序开发(一) | 入门开发环境搭建步骤_第1张图片

注册网址: https://mp.weixin.qq.com/cgi-bin/wx?token=&lang=zh_CN

微信小程序开发(一) | 入门开发环境搭建步骤_第2张图片
按照注册流程好后提交审核,通过就可以了

登录小程序管理平台,使用你刚刚注册的邮箱跟密码。
微信小程序开发(一) | 入门开发环境搭建步骤_第3张图片

登录网址: https://mp.weixin.qq.com/

第二步: 查看AppID

登录进入后,点击"开发设置"查看AppID(小程序ID)和AppSecret(小程序密钥)

微信小程序开发(一) | 入门开发环境搭建步骤_第4张图片
AppID(小程序ID)和AppSecret(小程序密钥)信息,将信息保存下来,创建项目的时候用
微信小程序开发(一) | 入门开发环境搭建步骤_第5张图片

第三步: 下载开发工具

进入微信官网下载
微信小程序开发(一) | 入门开发环境搭建步骤_第6张图片

下载地址: https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

下载好后,双击安装包进行安装,一直"Next"即可,安装完成后打开微信开发者工具,用绑定管理员身份的微信账号进行扫码登录
微信小程序开发(一) | 入门开发环境搭建步骤_第7张图片

第四步: 创建项目

接下来开始创建项目,点击"项目"–>"新建项目",创建页面中需要填写好项目名称,项目存放目录,AppID(没有怎么办,下面教你申请),开发模式填小程序
微信小程序开发(一) | 入门开发环境搭建步骤_第8张图片
创建成功后界面如下:项目中有如下文件目录
微信小程序开发(一) | 入门开发环境搭建步骤_第9张图片
接下来小程序代码一般写在index.js,index.wxml,index.wxss文件中
微信小程序开发(一) | 入门开发环境搭建步骤_第10张图片
至此简单的小程序的开发环境就搭建完成,可进行编码后面开始你小程序项目了…

你可能感兴趣的:(微信小程序,微信小程序)