美文网首页
小程序开发教程《一》

小程序开发教程《一》

作者: 暖lily | 来源:发表于2019-04-18 18:19 被阅读0次

    (1)先注册申请一个小程序账号

    (2)下载开发软件“微信web开发者工具”

    (3)打开开发者工具,左上角“项目”==》“新建项目”,会自动初始化一个hello基础项目

    小程序.png

    (4)几种文件作用解析:

             1 .json   json配置文件 包括 (所有页面的路径),(界面表现),网络超时时间 底部tab等 
              2. .wxml 相当于 html
              3. .wxss  相当于 css
              4. .js       js脚本逻辑文件 
    

    (5)文件功能解析

          特别的!!!1 json文件中 key要使用双引号,文件中不可以使用注释
          app.json  
    

    {
    "pages": ["pages/index/index", "pages/logs/logs"],//所有页面的路径 ,放在第一个的地址是默认加载的页面,启动小程序后默认进入该页面
    "window": {//(整体的界面表现,背景颜色,字体颜色等
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle": "black"
    }
    }
    project.config.json工具配置
    配置开发者工具的一些个性化配置,界面颜色,编译配置,换电脑以后,只要载入同一个项目代码包,开发工具就自动换肤之前设置的个性化配置
    page.json表示 pages/logs目录下的logs.json 独立定义每个页面的属性(当前页面顶部颜色 是否允许下拉刷新)

    相关文章

      网友评论

          本文标题:小程序开发教程《一》

          本文链接:https://www.haomeiwen.com/subject/yqatgqtx.html