• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >微信小程序 > 微信小程序开发(1):开发环境安装与配置

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

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-11-30

匿名通过本文主要向大家介绍了微信小程序 安装 配置等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
腾讯推出微信小程序的同时,也推出了自己的开发工具,读者可以在下面的地址下载该开发工具的最新版本。

https://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所示的窗口。

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

图1 扫描二维码进入IDE

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

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

图2 微信开发者工具

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

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

图3 微信小程序IDE建立项目窗口

读者如果第一次使用该IDE,可以点击“添加项目”,新建一个小程序项目,其中firstapp是已经建立的小程序项目。

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

图4 新建小程序项目

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

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

图5 输入小程序工程信息

点击“添加项目”按钮后,会创建新的小程序项目,开发主界面如图6所示。

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

图6 微信小程序开发主界面

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

更多微信小程序开发(1):开发环境安装与配置相关文章请关注微课江湖!

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2018-11-30微信小程序支付流程
  • 2018-11-30微信小程序 教程之列表渲染
  • 2018-08-20微信小程序开发教程手册文档
  • 2018-11-30微信小程序(应用号)开发新闻客户端实例
  • 2018-11-30微信小程序开发样式常见的问题整理
  • 2018-11-30模拟登录教务系统计算GPA的小程序
  • 2018-11-30微信小程序中密码输入框的设计代码
  • 2018-11-30mac版微信web开发者工具(小程序开发工具)无法显示二维码 解决方案
  • 2018-11-30微信小程序数据绑定及运算详解
  • 2018-11-30小程序开发之WXML详解

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 微信小程序实例:实现系统时间、时间戳时间以及时间戳加减的获取代码
    • 微信小程序关于组件的hidden属性的使用建议
    • 详解微信小程序从子页面退回父页面时的数据传递过程
    • 微信小程序模板消息定时推送(图文)
    • 小程序开发九宫格界面的导航的代码实现
    • 关于微信小程序中页面之间传参的解析
    • 微信小程序开发常见问题分析
    • 微信小程序 跳转页面的两种方法详解
    • 小程序自定义组件的实现方法(代码)
    • 2017年最新的小程序功能--“搜索联想区”

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有