创建项目

创建小程序项目

使用小程序开发工具快速创建一个项目,认识项目目录与页面结构

2017-12-08侠课岛    基础入门       

前端/移动端/微信小程序开发基础入门 40     0     7136

小程序开发者工具下载:https://mp.weixin.qq.com/debug/wxadoc/introduction/qcloud.html#


从小程序官方管理后台获取AppID(小程序ID):【登录小程序后台:http://weixin.qq.com/,设置》开发者设置】

02.mp4_20171208_165059.346.jpg


创建项目,填入AppID,勾选创建QuickStart项目,生成初始项目文件

02.mp4_20171208_165530.619.jpg


app.json为小程序全局配置文件,app.js为小程序的全局逻辑,app.wxss为小程序的全局样式,一个小程序只有一个app,project.config.json为小程序开发工具的配置文件

02.mp4_20171208_170201.706.jpg



每个页面都有4个文件结构构成:以.js结束的逻辑JS、以.json结束的配置文件、以.wxml结束的视图层文件、以.wxss结束的样式文件,文件名一样,后缀名不一样;

02.mp4_20171208_170725.026.jpg



通过console.log()等相关命令可以调试输出内容,通过扫码可以在手机上面测试,开启调试功能也可以看到相关输出的内容;

02.mp4_20171208_170959.846.jpg



本节内容脑图:

创建小程序项目.png



本教程图文或视频等内容版权归侠课岛所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、转贴或以其他方式复制发布或发表。

评价

40

本课评分:
  •     非常好
难易程度:
  •     适中的

内容目录


本文索引

本文标签


|
教程
粉丝
主页

签到有礼

已签到2天,连续签到7天即可领取7天全站VIP

  • 1
    +2 金币
  • 2
    +3 金币
  • 3
    +5 金币
  • 6
    +7 金币
  • 5
    +6 金币
  • 4
    暖心福利
    自选分类VIP ×1天
  • 7
    惊喜大礼

    自选分类VIP ×3天 +20金币
  • 持续签到 +8 金币

金币可以用来做什么?