微信小程序开发工具怎么使用 微信小程序开发工具使用图文教程

  微信小程序开发工具怎么使用呢?很多朋友都不是很清楚,下面小编给大家带来了微信小程序开发工具使用图文教程,感兴趣的小伙伴一起看看吧!

软件名称:
微信小程序开发者工具 2017.09.01 (1.01.170901) 官方安装版 64位
软件大小:
51.7MB
更新时间:
2017-09-01

  微信小程序开发工具使用教程如下所示:

  登陆微页官网,点击首页webapp即可开始进行制作。

  1、点击创建新APP;

  2、选择空模板,自由创作;

  3、选择主题模板,更快速的创作出炫丽的应用号;

微信小程序开发工具怎么使用 微信小程序开发工具使用图文教程_第1张图片

微信小程序开发工具怎么使用 微信小程序开发工具使用图文教程_第2张图片

  选择模板后,填写相关信息,点击开始制作进入制作界面

微信小程序开发工具怎么使用 微信小程序开发工具使用图文教程_第3张图片

微信小程序开发工具怎么使用 微信小程序开发工具使用图文教程_第4张图片

  鼠标单击素材,可设置相应的组件内容及样式,同时可以撤销,返回及预览

微信小程序开发工具怎么使用 微信小程序开发工具使用图文教程_第5张图片

  点击组件库--基础组件--布局;里面的5个布局组件可以布局整个APP界面

  1、双栏组件:用于布局,双栏分为两部分,默认每栏占50%,可调整占宽百分比,可往栏里拖部分基础组件

  2、面板组件:可往面板拖部分组件,以此将拖进的组件分区域管理

  3、顶部导航组件:固定于页面顶部的导航

  4、底部导航组件:固定于页面底部的导航,导航项有图文和纯文字两种模式

微信小程序开发工具怎么使用 微信小程序开发工具使用图文教程_第6张图片

以上所述是小编给大家介绍的微信小程序开发工具使用图文教程,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

你可能感兴趣的:(微信小程序开发工具怎么使用 微信小程序开发工具使用图文教程)