小程序开发入门

开发任何项目都需要看开发文档,小程序的官方文档链接如下:https://mp.weixin.qq.com/debug/wxadoc/dev/ 如图:

小程序官方文档截图

一、下载开发者工具

  • 开发者工具下载路径: win64 win32 mac

  • 安装完成后,打开软件,如图:
    登录

  • 登录成功后,创建项目,如图:
    创建项目

  • 在创建过程中,如果你选择的项目目录为空文件夹,出来一个勾选项“在当前目录中创建quick start项目”为方便了解微信小程序的基本代码结构,请勾选此项,勾选后,开发者工具会帮助我们在开发目录里生成一个简单的 demo,如下图: 选择空文件夹

  • 点击添加项目后,将会看到开发工具生成的目录demo
    编辑器文件窗口

  • 文件结构

    • 一个小程序主体部分由三个文件组成,必须放在项目的根目录,app.js(小程序逻辑),app.json(小程序公共设置),app.wxss(小程序公共样式表)
    • 一个小程序页面由四个文件组成 js(页面逻辑)wxml(页面结构)wxss(页面样式表)json(页面配置)
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值