微信小程序超详细入门简介和使用

微信小程序

    小程序的前世今生 小程序开发者工具 小程序原生框架 小程序模板语法 小程序内置组件 小程序生命周期 小程序自定义组件
  1. 容易规模试错, 然后快速迭代,优化

其他的小程序

  1. 支付宝小程序
  2. 百度小程序
  3. 今日头条 + 抖音小程序
开发微信小程序之前, 必须要准备好相应的环境

1.1 注册账号

点击此处进行小程序注册

然后跳到这个页面后, 根据页面上的提示来填写,注册

1.2 获取AppID(小程序ID)

为什么要获取这个AppID(小程序ID)?

注册完后进行, 你就会进入首页, 向下拉, 点击设置, 再向下拉就会看到你的 AppID(小程序ID)

, 进入页面后根据个人的系统, 来安装对应的工具

我的是 Windows 64 系统, 所以我就安装这个系统对应的工具

注意: 第⼀次登录的时候 需要扫码登录

1.2 新建小程序项目

1.3 填写我们的项目信息

项目名称:顾名思义是你整个项目的名称 目录:你的项目要放在电脑的那个地方 AppID:上面拿到的你的AppID, AppID是在你产品上线的时候要用的, 在这里暂时不需要, 最后的时候可以在加上, 这里我们点击测试号, 暂时用测试号来开发 开发者模式:你要开发什么东西, 是小程序还是其他的东西 语言:你要用什么语言开开发你的项目

点击测试号后的页面:

注意: 使用测试号时, 不支持云开发, 因此默认为不使用云开发

1.4 成功后进入的页面

⼩程序⽬录结构

⼩程序框架提供了⾃⼰的视图层描述语⾔ WXML 和 WXSS , 以及 JavaScript ,并在视图层与逻 辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。

1.1 ⼩程序⽂件结构和传统web对⽐

结构 HTML WXML 样式 CSS WXSS 逻辑 Javascript Javascript 配置 ⽆ JSON

1.2 基本的项⽬⽬录

注意

  1. 使用测试号时, 不支持云开发, 因此默认为不使用云开发

总结

本篇文章主要详解了微信小程序的介绍, 注册小程序账号, 微信开发者⼯具的安装和简介

如有任何疑问, 请上官方的网站进行查询, 官方的网站有最详细的教程, 也可以询问度娘

经验分享 程序员 微信小程序 职场和发展