1 小程序简介

1.1 小程序与普通网页开发的区别

1.2 体验小程序

可使用手机微信(6.7.2 及以上版本)扫码下方小程序码，体验小程序：

2 注册小程序开发帐号

使用浏览器打开 https://mp.weixin.qq.com/ 网址，点击右上角的“立即注册”即可进入到小程序开发账号的注册流程，主要流程截图如下：

选择注册账号的类型

填写账号信息

提示邮箱激活

点击链接激活账号

选择主体类型

主体信息登记

获取小程序的 AppID

3 安装开发者工具

微信开发者工具是官方推荐使用的小程序开发工具，它提供的主要功能如下：

1.快速创建小程序项目
2.代码的查看和编辑
3.对小程序功能进行调试
4.小程序的预览和发布

下载
推荐下载和安装最新的稳定版（Stable Build）的微信开发者工具，下载页面的链接如下：

安装

扫码登录

设置外观和代理

4 创建项目

点击“加号”按钮

填写项目信息

项目创建完成

5 预览效果

在模拟器上查看项目效果

在真机上预览项目效果

主界面的 5 个组成部分

小程序简介和开发工具相关推荐

区分微信小程序版本（开发工具中、开发版、体验版、正式版）的方法？
平凡也就两个字: 懒和惰; 成功也就两个字: 苦和勤; 优秀也就两个字: 你和我. 跟着我从0学习JAVA.spring全家桶和linux运维等知识,带你从懵懂少年走向人生巅峰,迎娶白富美! 关注微信 ...
微信小程序——账号及开发工具
1. 注册微信小程序账号点击我进入微信公众平台进入后点击立即注册注册成功且登录后进入小程序管理后台 2. 安装开发者工具点击进入开发文档进入安装开发工具(稳定版本) 一路默认下一步进行安装 ...
(uniapp-快速入门)运行到小程序模拟器微信开发工具
1.新建uniapp项目(HBuilder X) HBuilder X安装包快速通道 2.打开微信开发者工具点击确认开启服务窗口 3.运行到小程序模拟器--微信开发者工具此时会弹出个弹窗让你输入 ...
微信小程序开发教程（一）--注册小程序、下载开发工具及新建工程
从本章开始,我们将讲解微信小程序的简单开发流程,我将尽量使用简洁的语言,逐个步骤详细讲解,让大家都能跟得上,也希望和大家交流学习. 注册首先,开发小程序需要先在微信注册. 打开网页:https:// ...
小程序高级电商前端第1周走进Web全栈工程师一----小程序注册、开发工具推荐、《风袖》首页布局详尽分析、Webstorm开发小程序必配配置、mock数据...
接下来开启一门全新的课程的学习,其实这是去年6月份所记录的,只是木有公开,然后到目前为止已经间隔了快1年没管了,基本上是已经快放弃的节奏,但是呢它又是我一直特别想学习的,所以决定公开,鞭策自己得继续前 ...
微信小程序和uniapp开发工具
微信开发者工具和文档操作 1. 安装扩展复制vscode扩展(路径C:\Users\用户名.vscode\extensions)到微信开发者工具的扩展目录(点击工具栏,编辑->打开编辑器扩展目 ...
微信小程序之微信开发工具使用教程详解
如果你要开发自己的微信小程序或者小游戏,微信开发者工具是必不可少的,因为有些微信封装的方法只有微信开发者工具上才能使用,还有一个重要的原因就是,我们提交我们的代码审核必须通过该工具来提交,所有要做微信 ...
微信小程序开发教程||微信小程序小程序简介||微信小程序开始||微信小程序小程序代码构成
微信小程序小程序简介小程序简介小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验. 小程序技术发展史小程序并非凭空冒出来的一个概念.当微信中的 ...
微信小程序简介账号注册流程(简)
目录 1.小程序简介 2.开发环境准备 1.注册账号 2.获取appid(不上线的小程序可以用测试的appid) 3.微信开发工具(必须) 3.微信原生框架目录结构 1.小程序结构与传统web对比 2 ...
【微信小程序全栈开发课程】课程目录（mpvue+koa2+mysql）
1.前言本课程会将我的一个已上线的全栈小程序项目做成[免费课程]分享给大家~ 小程序扫描下面二维码查看功能: 小程序环境搭建+开发工具介绍+vue+ES6基础知识+每一行代码展示+代码逻辑+云服务器 ...

小程序简介和开发工具

文章目录