美文网首页前端攻城狮让前端飞微信小程序
小程序开发二:安装使用开发者工具

小程序开发二:安装使用开发者工具

作者: 近视九百多 | 来源:发表于2018-02-28 17:36 被阅读8次
图为小程序开发界面

今天主要是说一下,开发者工具,上图就是开发者工具的界面,也是小程序的编辑器。

在公众平台上的首页,有一个开发者工具下载的链接,可以直接下载微信开发者工具。

如果以前都做过微信web开发的话,应该也用过这个工具,当时是提供的功能比较简单,调试web页面,调试微信的部分接口功能。现在微信把web页面开发和小程序开发糅合到一个工具中了。

安装完成后,打开微信web开发者工具,看到的是这个界面。

开发者工具登录界面

用注册时认证的管理员的微信号或者是在公众平台上添加的开发者微信号进行扫码登录,否则是无法登录的。

那么扫码之后,会出现这个界面

开发者工具选择界面

那么这里的就把 公众号网页开发和小程序开发区别开了,根据你不同的需求做出选择。点击右下角可以切换账号。

小程序项目目录创建

这里呢,就需要用到我们的APPID了,找一个地方新建文件夹,作为项目的根目录,然后给我们的项目设置一个名称,当输入完这些信息后,会有一个勾选选项,是否选择建立普通快速启动模板。也就是自动搭建好一个简单的框架。那么这里选择勾上。

点击确定,就进入到编辑页面了。

小程序开发界面

这就是我们的小程序的开发界面了,顶部是常规的工具栏、菜单栏等等,下边是主体区域,分为三栏,左侧是显示界面,中间是项目目录,右边是我们的代码编辑界面。

我们可以看到中间目录栏,快速启动模板已经帮我们搭建好了基础的几个文件。然后我们就可以根据开发文档进行相应的开发了。

相关文章

  • 小程序入门001~微信开发者工具的安装与使用

    我们在开发小程序之前,首先需要安装小程序开发者工具,今天就来教大家安装小程序开发者工具。 一,其实很简单,只需要进...

  • 2018-09-17

    小程序 1 创建项目 我们需要通过开发者工具,来完成小程序创建和代码编辑。 开发者工具安装完成后,打开并使用微信扫...

  • 微信小程序创建项目 我们需要通过开发者工具,来完成微信小程序创建和代码编辑。 开发者工具安装完成后,打开并使用微信...

  • 40/666 HJDS | 微信小程序开发工具安装和使用

    微信小程序开发工具下载安装 https://mp.weixin.qq.com/ 登陆 普通小程序开发者工具 入口...

  • 小程序开发二:安装使用开发者工具

    今天主要是说一下,开发者工具,上图就是开发者工具的界面,也是小程序的编辑器。 在公众平台上的首页,有一个开发者工具...

  • 使用Jenkins打包生成微信小程序二维码进行测试

    一、本地使用微信小程序开发者工具生成预览二维码 先安装,只有mac和Windows版,下面地址下载对应版本后安装应...

  • uniapp开发微信小程序

    微信小程序开发指引 前言 本文档我们主要关注微信小程序的开发使用。微信小程序使用微信开发者工具开发,使用其专有语言...

  • 小程序开发

    注册小程序账号 安装开发者工具开发者工具下载地址:微信开发者工具 WeUI 有两个版本,一个是普通的 HTML5 ...

  • 微信小程序起步

    小程序账号登录地址 得到AppID 下载开发者工具,安装 目录结构 pages 小程序的页面utils ...

  • TODO:小程序开发过程之体验者

    TODO:小程序开发过程之体验者 1. 小程序开发过程,先下载开发者并安装开发者工具,现在腾讯开放测试了,普通用户...

网友评论

    本文标题:小程序开发二:安装使用开发者工具

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