微信小程序工具安装与配置

前言

若文章有误，欢迎读者留言反馈

微信小程序简介

微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开的应用。也体现了用完即走的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。

微信小程序与普通网页开发区别

1. 运行环境不同
   • 网页运行在浏览器环境中；
   • 小程序运行在微信环境中。
2. API不同
   由于运行环境的不同，所以小程序中，无法调用DOM和BOM的API。但是微信小程序中可以调用微信环境所提供的各种API，例如：
   • 地理位置
   • 扫码
   • 支付
3. 开发模式不同
   网页的开发模式：浏览器 + 代码编辑器
   微信小程序有自己的一套标准开发模式：
   • 申请微信小程序开发账号
   • 安装微信小程序开发者工具
   • 创建和配置微信小程序项目

微信小程序官方组件展示

日常开发中我们可以会遇到一些不熟悉的标签组件，我们可以通过查看微信官方文档，点击体验小程序扫码即可查看里面相关功能的介绍，也能去体验一下小程序给我们提供的哪些能力

首次创建小程序的流程

如果你是第一次开始创建小程序，那么请遵循以下几个步骤一步一步开始。

注册小程序开发账号

使用浏览器打开微信公众平台，点击右上角的立即注册即可进入到小程序开发账号的注册流程，其过程如下：

1. 首先进入网站，点击立即注册
   
2. 跳转页面后选择小程序
   
3. 进入小程序之后，对个人信息账号密码进行一个填写
   
4. 填写之后在填写的邮箱中确认注册信息，注意:作为学习者我们必须选择主体类型为个人
   
5. 填写之后我们就可以进入到微信小程序的管理后台
   
6. 获取小程序的AppID(创建小程序项目的时候会用到)
   

安装微信开发者工具

1. 微信开发者工具是官方推荐使用的小程序开发工具，它提供的主要功能如下：
   • 快速创建小程序项目
   • 代码的查看和编辑
   • 对小程序功能进行调试
   • 小程序的预览和发布
2. 下载
   推荐下载和安装最新的稳定版微信开发者工具，下载链接如下：(根据自己的电脑配置选择相应的版本)
   下载链接
   
3. 安装
   傻瓜式安装就行，可以选安装路径【不建议安装C盘】
   
4. 微信扫码登录
   安装完成，打开之后会出现一个二维码，用自己的微信扫码登录即可，然后创建小程序
   
5. 配置微信开发者工具
   安装完成之后我们根据自己的喜好进行相关配置

---

---

---

小程序创建与运行

1. 创建微信小程序
   
   点击确定即可
2. 运行微信小程序
   在项目开发中，我们通过编译器来查看我们的项目可以点击编译器上的编译[运行]即可

如果想在手机上查看我们编译的项目，点击预览弹出的二维码，手机扫码即可

结语

最后，还有更多小程序项目的配置，在后期项目实战中再一一介绍~