美文网首页
我的第一个微信小程序"Hello World"(超详细)

我的第一个微信小程序"Hello World"(超详细)

作者: 飞奔的嗨少 | 来源:发表于2019-07-16 20:41 被阅读0次

    相信很多小伙伴都想开发一个自己的微信小程序,那么小编将带着新手小伙伴们开发咱们自己的第一个微信小程序-"hello world"

    • 第一步 我们打开微信小程序的官方文档(点击下列网址我们可以看到界面如下所示)https://developers.weixin.qq.com/miniprogram/dev/framework/
      微信官方文档截图
    • 第二步 我们点击开始中的申请账号(界面如下所示)


      1.点击小程序注册页链接进入微信公众平台填写账号信息 2.点击注册按钮之后进行邮箱激活
      3.进行个人实名信息登记,登记成功之后进行第三步
    • 第三步 安装开发者工具,三种版本选一种(这里小编选择的是第一个版本)https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
    • 第四步 点击night build 选择下载的版本,一般我们选择Windows64
    • 第五步 开始下载微信开发者工具 下载完成之后选择安装,(这里小编是选择装在D盘的)


    • 第六步 点击微信开发者工具


    需要注意的是,有的新手小伙伴们点击桌面上的微信开发者工具,既没有弹出任何窗口,也没有报错;那么出现这样的问题,我们该怎样解决呢??

    小编的解决方法是使用快捷键Ctrl+shift+Esc打开任务管理器,将内部打开的关于微信开发者工具的进程全部关掉,然后右击桌面上的微信开发者工具,以管理员的身份运行就能成功打开微信开发者工具的登录界面啦!!

    • 第七步 用微信扫码登录开发者工具,准备开发你的第一个小程序吧!


    • 第八步 登录成功之后进入我们的项目界面


    • 第九步 选择小程序,选择"+"新建小程序项目,这时需要输入你的AppID,那么这时候我们的AppID去哪里找呢,不要急,小编带你慢慢来。

      1.点击如下网址打开微信公众平台,输入账号和密码登陆。
      https://mp.weixin.qq.com/wxamp/home/guide?lang=zh_CN&token=848967741

      2.登陆成功之后我们补充小程序的基本信息,如名称、图标、描述等

      3.添加成功之后我们点击小程序信息的查看详情,然后往下翻,我们就可以看到我们小程序的AppId了
    • 第十步 我们复制粘贴我们的AppID至我们的微信开发者新建项目界面,点击新建


    • 第十一步 我们终于看到了我的第一个微信小程序 "hello world"的开发界面了,是不是感觉很有成就感呢??


    • 最后 我们可以点击真机调试,将我们的hello world微信小程序放到我们的真机上Run
    这是真机调试界面,在这里我们甚至可以看到我们手机的型号和各种手机参数 这是在小编手机上的微信小程序上运行的界面 希望这篇文章可以帮助新人小伙伴们从0到1开发你的第一个微信小程序!!

    相关文章

      网友评论

          本文标题:我的第一个微信小程序"Hello World"(超详细)

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