新技术论坛
搜索
查看: 122|回复: 0

微信小程序开发(1):开发环境安装与配置

[复制链接]
  • TA的每日心情
    开心
    2016-12-9 18:18
  • 签到天数: 85 天

    连续签到: 1 天

    [LV.6]常住居民II

    扫一扫,手机访问本帖
    发表于 2016-11-24 06:43:07 | 显示全部楼层 |阅读模式

      腾讯推出微信小程序的同时,也推出了自己的开发工具,读者可以在下面的地址下载该开发工具的最新版本。
      http://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1477656486010
      这套开发工具目前支持Windows32位、Windows64位以及Mac OS X系统,读者需要根据自己使用的OS下载合适的版本。本文主要使用Mac OS  X版本进行讲解,Windows版本和Mac OS X大同小异,并不影响读者阅读本文的内容。
      运行微信小程序IDE后,会看到如图1所示的窗口。
    wKioL1gf602DasWKAAAj0MFFA84898.jpg-wh_651x-s_1746369479.jpg

      图1 扫描二维码进入IDE
      进入手机微信,扫描该二维码,就会自动登录,并进入如图2所示的窗口。
    wKiom1gf62CwM92WAAAWKUPQyx8477.jpg

      图2 微信开发者工具
      目前,该工具同时支持开发小程序和公众号网页开发,由于本文主要讲解小程序开发,所以读者要选择第一项"本地小程序项目",进入如图3所示的窗口。
    wKioL1gf627hYV0MAAAUpsJNtNE622.jpg

      图3 微信小程序IDE建立项目窗口
      读者如果第一次使用该IDE,可以点击"添加项目",新建一个小程序项目,其中firstapp是已经建立的小程序项目。
    wKioL1gf64Cj0IXiAAAaataz4aQ817.jpg

      图4 新建小程序项目
      进入如图4所示的新建项目窗口后,如果读者有小程序的测试ID,可以直接在AppID中输入,如果没有,点击"无AppID",也可以开发小程序,只是无法发布到微信中,但可以在本地运行。然后,按图5所示输入项目名称和项目目录。
    wKiom1gf643TxHiXAAAdZK2MFzM557.jpg

      图5 输入小程序工程信息
      点击"添加项目"按钮后,会创建新的小程序项目,开发主界面如图6所示。
    wKioL1gf65zCvvvtAAAmT3wDnV4942.jpg

      图6 微信小程序开发主界面
      到现在为止,微信小程序的IDE已经下载并安装完成,同时创建了一个未使用AppID的小程序工程,那么,我们应该如何开发小程序呢?如何在真机上测试,如果发布到微信中呢?且听下回分解!


    高级模式
    B Color Image Link Quote Code Smilies

    本版积分规则

    手机版|Archiver|新技术论坛由 中国讯网 版权所有 ( ICP/ISP证:辽B-2-4-20110106号 IDC证:辽B-1-2-20070003号 )

    GMT+8, 2018-10-19 16:58 , Processed in 0.148497 second(s), 22 queries .

    X+ Open Developer Network (xodn.com)

    © 2009-2017 沈阳讯网网络科技有限公司

    快速回复 返回顶部 返回列表