微信小程序基础之开发环境搭建

2024-05-14 06:59:51

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416

概述

开发小程序的第一步，你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序。跟随这个教程，开始你的小程序之旅吧！后期还会更新教程，敬请期待…

申请账号

点击 https://mp.weixin.qq.com/wxopen/waregister?action=step1 根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号。

在这个小程序管理平台，你可以管理你的小程序的权限，查看数据报表，发布小程序等操作。

点击 https://mp.weixin.qq.com ，登录成功之后，我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了。

小程序的 AppID 相当于小程序平台的一个身份证，后续你会在很多地方要用到 AppID （注意这里要区别于服务号或订阅号的 AppID）。

有了小程序帐号之后，我们需要一个工具来开发小程序。

安装开发工具

点击这里前往开发者工具下载页面，根据自己的操作系统下载对应的安装包进行安装，有关开发者工具更详细的介绍可以查看《开发者工具介绍》。

打开小程序开发者工具，用微信扫码登录开发者工具，准备开发你的第一个小程序吧！

你的第一个小程序
新建项目选择小程序项目，选择代码存放的硬盘路径，填入刚刚申请到的小程序的 AppID，给你的项目起一个好听的名字，最后，勾选 “创建 QuickStart 项目” （注意: 你要选择一个空的目录才会有这个选项），点击确定，你就得到了你的第一个小程序了，点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。

编译预览

点击工具上的编译按钮，可以在工具的左侧模拟器界面看到这个小程序的表现，也可以点击预览按钮，通过微信的扫一扫在手机上体验你的第一个小程序。

到此环境已搭建完毕，希望对你的学习有帮助，本文参考官方文档。

微信小程序基础之开发环境搭建相关推荐

微信小程序云函数开发环境 node.js的安装参考
微信小程序云函数开发环境 node.js的安装参考下载:nvm-windows 下载下图安装包,地址在: https://github.com/coreybutler/nvm-windows/rel ...
小程序开发特辑—小程序申请及开发环境搭建
互联网巨头们都热衷于搭建平台,希望能够打造自己的生态,依靠生态公司开发各种各样的应用来满足用户的需求.这其中涉及到两个比较大的问题:一方面巨头的腿需要足够粗,这样生态公司才愿意花时间和精力在这些平 ...
【微信小程序】云开发环境的搭建
准备工作下载并安装微信开发者工具微信开发者工具版本:Stable 1.05.2201240 一.双击打开"微信开发者工具"后,点击" + "新建小程序二. ...
微信小程序电商实战—环境搭建篇
本篇文章已同步发布于个人博客 https://qiucode.cn/article/90 可体验秋码淘好货微信小程序哦! 1.开发工具下载可到微信公众号-小程序下载 https://mp.we ...
微信小程序：本地开发环境和线上环境配置
在开发微信小程序的时候,需要配置: 本地开发环境体验预览环境审核版环境生产环境为了简化环境配置,我只区分了两个环境本地开发环境生产环境/体验预览环境审核版环境生产环境参考文档基础 /系 ...
微信小程序从本地开发环境到线上测试环境和生产环境的配置
这篇文章是对慕课网mpvue实战项目视频过程中环境的配置的总结与更新(因为小程序文档时不时就更新) 项目源码:https://github.com/suhuashan/bookCommentSyste ...
微信小程序腾讯云环境搭建
一.需要有微信公众号这一步不多说了,百度搜索微信公众号注册. 二.申请小程序账号 (下面选自https://mp.weixin.qq.com/debug/wxadoc/dev/quickstart/ ...
微信小程序如何判断开发环境
const accountInfo = wx.getAccountInfoSync(); accountInfo.miniProgram.envVersion会有三个值: develop:开发版(正常 ...
3.1【微信小程序全栈开发课程】在本地搭建后端开发环境
第二章将前端页面的框架基本搭建好了,第三章,我们来做登录功能,登录功能需要在后端获取到用户信息,返回到前端.所以先来搭建后端开发环境 1.后端开发环境介绍我们的项目用的是前后端分离开发前端可以理解 ...

最新文章

热门文章