文章目录

  • 前言
  • 1. 开发环境的搭建?
  • 1.1 注册 微信小程序 ID
  • 1.2 下载开发工具
  • 1.3 创建小程序项目
  • 总结



前言

在上一章节中,给大家带来了,小程序的基本信息介绍,以及小程序普通原生应用的区别,及优势,那么从本章节开始,我将为大家带来 微信小程序 的开发入门知识讲解,帮助大家能够更快的上手微信小程序的开发体验!


1. 开发环境的搭建?

首先因为 微信小程序 是运行在微信基座上的 一款产品,所以它的开发环境搭建,也必须要按照 微信提供的规范来制定。

微信小程序的部署架构图 微信小程序架设_小程序

1.1 注册 微信小程序 ID

首先 我们需要在 微信公众平台 中为自己注册一个小程序账号.

微信小程序的部署架构图 微信小程序架设_前端_02


已有账号或注册完成之后就可以,在首页登录到我们的小程序管理开发中心。

微信小程序的部署架构图 微信小程序架设_微信小程序的部署架构图_03

最后在 开发设置 中会看到 我们注册账号后 系统会为我们生成一个 ID ,这个ID 和我们的注册账号 绑定,同时也和我们 后面要开发的 小程序绑定。

微信小程序的部署架构图 微信小程序架设_微信小程序_04

1.2 下载开发工具

在登录到开发文档中心后,在这里 微信给我们 提供了 专门用来开发微信小程序的开发工具,我们可以在工具栏中,去选择下载我们的开发工具, 初学者建议都下载 稳定版,作为我们的入门开发工具。

微信小程序的部署架构图 微信小程序架设_微信小程序_05

1.3 创建小程序项目

运行开发工具后,就来到了我们创建项目的首页。

微信小程序的部署架构图 微信小程序架设_微信小程序的部署架构图_06

在最左侧,我们选择要创建的 项目类型为,“小程序”, 从上到下依次是,填写我们的项目名称,项目存放的地址,AppID 就是,填入上面提到的 注册账号后,所生成的 ID,开发模式,默认选择小程序,后端服务的选项那里,我们选择 不使用云服务。(后续我会单独出一章节内容,给大家聊聊,微信云开发与不使用云开发的区别!

最后就是项目模板的选择。当然这里是 非必填的,如果你需要初始化项目时,就想要看到一定的程序效果,可以选择对应的模板初始化,你也可以什么都不选,作为初学者,我们建议选择, JavaScript 基础模板进行项目初始化。

选定后,当大家,看到这个页面的时候,就代表我们的小程序项目初始化,以及一个基础的开发环境搭建,就算成功了。

微信小程序的部署架构图 微信小程序架设_前端_07


总结

本小结,给大家带来了,微信小程序的开发环境搭建,以及开发工具的下载使用,为后续的 微信小程序 开发学习,作为铺垫。


🚵♂️ 博主座右铭:向阳而生,我还在路上!
——————————————————————————————
🚴博主想说:将持续性为社区输出自己的资源,同时也见证自己的进步!
——————————————————————————————
🤼♂️ 如果都看到这了,博主希望留下你的足迹!【📂收藏!👍点赞!✍️评论!】
——————————————————————————————