美文网首页微信web开发者工具
小程序开发从入门到企业实战--(1)开发环境搭建

小程序开发从入门到企业实战--(1)开发环境搭建

作者: Jack问 | 来源:发表于2017-06-28 20:38 被阅读25次

    腾讯基于自己的微信强大的平台推出了小程序,那么我们如何开发小程序呢,在此我将通过一些列的文章和视频课程,从零开始打造一款完整的企业级项目,废话不多说直接进入正题

    欢迎关注“21点见”公众号(该公众号是使用react开发的,想学习react的[SPA和Mutil Page]我会在后续的react文集中一一呈现)


    “21点见”qrcode

    搭建微信小程序开发环境

    下图就是微信小程序的开发工具(mac端)


    微信web开发者工具

    那么我们如何下载安装呢,如果你在某度搜索(微信web开发者工具),很遗憾根本找不到入口,fuck!
    下面来看正确的步骤:

    1、打开微信公众平台
    微信公众平台
    登录微信公众平台
    注:如果还没有账号的,去这里注册
    2、寻找开发工具

    微信web开发者工具

    微信web开发者工具

    微信web开发者工具

    微信web开发者工具

    开发者工具目前支持Mac和Windows,根据自己电脑的系统选择对应的工具(使用Linux的童鞋我就爱莫能助了)
    注:我当时在chrome浏览器中点击下载的,但是就是下载不了,后来换了个浏览器就能下载了,如果遇到和我一样情况的同学,请注意一下
    Mac和Windows的开发工具下载后,双击打开安装,安装成功后就可以正常的使用了

    打开“微信web开发者工具”,如下图


    微信web开发者工具

    扫码确认登录
    这里会有两个选项,如下图:


    微信web开发者工具
    选择红框框选项,显示如下图:
    微信web开发者工具

    点击“添加项目”,显示如下图:


    微信web开发者工具
    AppID填入申请小程序开发的时候微信会分配,如果没有,就选择“无AppID”(没有AppID在开发中有些小程序的功能是使用不了的)
    寻找AppID,如下图:
    微信web开发者工具
    填写创建项目的信息,如下图:
    微信web开发者工具
    点击“添加项目”后,显示如下图:
    微信web开发者工具
    一个经典的 Hello World 出现了,哈哈哈,是不是有点小激动呢😁

    下一节:详细介绍开发工具的使用

    相关文章

      网友评论

        本文标题:小程序开发从入门到企业实战--(1)开发环境搭建

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