学习前的准备

175 阅读5分钟

小程序的开发工具

  • 微信小程序官方开发工具

    注意,它只是个工具,而不是一个IDE。官方工具中的代码编辑功能,就是将vscode的代码编辑功能嵌入到工具中,不足以支撑开发。

    优点

    因为是官方工具所以有这其它第三方工具有这不可比拟的天然优势,如果不是他代码编辑功能太弱的话。

    l 官方工具,可调试,可预览

    l 基本的代码编辑、智能提示、调试等功能都有

    l 项目管理、创建、手机预览、代码提交审核

    l 官方维护更新

    缺点

    不好的地方也很明显,总体而言是一款工具而不是IDE。糟糕的代码编辑功能,写起代码非常别扭,这是我放弃它的最重要原因。

    l api提示不全,要一个个查api,影响写代码的速度

    l 很多必备的快捷键都没有,比如全选关键字、快速复制一行等等

    l 颜色主题不能选,不喜欢白色风格怎么搞

    l 没有插件 没有插件 没有插件 重要的事情说三遍

    评价

    目前因为需要用到微信web开发工具进行小程序的创建、调试、查看、预览、上传,所以这个工具必不可少。但是代码编辑功能实在太差,推荐使用其它第三方代码编辑工具代替。

  • 即速应用

    严格来说,即速应用并不是为专业程序员准备的开发工具,但它绝对是一款功能非常强大的微信小程序制作工具。不懂技术不懂编程的人,一定会爱上即速应用这款工具的。目前只要登录www.jisuapp.cn就能使用这款工具。

    优点

    l 可视化操作,直接拖拽组件生成页面

    l 提供大量可套用的模板

    l 可将代码打包下载,直接对接到小程序的开发工具

    l 下载下来后的代码可以任意编辑

    缺点

    l 电商模板居多,其他类别的模板较少

    l 复杂的功能仍然需要专业程序员二次开发

    l 免费试用7天

    评价

    客观地说,即速应用这款微信小程序制作工具非常适合技术小白。因为它相当于把需要代码的部分都帮你做好了,所以不用太头疼技术方面的问题。当然,如果你是程序员,一样可以在它生成的代码基础上进行二次开发的。

  • 意派Coolsite360

    www.coolsite360.com/

  • WebStorm

    WebStorm网上有个插件,可以实现代码提示,不能做调试和预览,并且属于重度工具

    优点

    l 有插件可以实现代码高亮,代码提示等功能

    l 有非常成熟和非常丰富的功能

    l 各种快捷键

    缺点

    l 无法调试预览

    l 功能比较多、比较臃肿

    评价

    Webstorm和上述几个工具相比,代码编辑功能较强大。但是需要插件支持才可以开发小程序,而且体积臃肿。

    总结

    这几款工具各有优劣,适用于微信小程序开发过程中的不同情况。到底选择哪一种,就看自己的需求了。如果你想尽快学会开发微信小程序,那么熟练掌握这些开发工具是非常必要的。

小程序开发步骤

使用官方工具进行开发

  1. 原型设计

  2. 注册开发工具账号

  3. 下载安装微信开发者工具

  4. 使用微信小程序开发工具创建一个新项目

    打开微信开发者工具。在微信开发者工具中新建一个项目,输入小程序账号的appid、项目名称、选择项目目录。开发微信小程序。

  5. 为微信小程序获取并配置上服务器域名

    小程序正式发布前需要进行服务器域名配置。有服务器域名微信小程序才能正常工作。

    在小程序官网登录小程序账号,单击首页中的“开发页面”按钮,打开开发页面,向下滚动,即可看到服务器域名的配置。注意服务器域名在一个月内只能修改5次。

  6. 提交开发版本进行审核

    将开发版本提交审核,审核通过后,才能提交发布,提交审核的方法是:单击“开发版本”右侧的“提交审核”按钮,打开“提交审核相关须知”,按向导完成提交审核流程。

    提交审核后,登录微信公众平台|小程序,在"开发管理"页面中的审核版本中会显示“审核中”。等待审核结果。

  7. 正式发布微信小程序

    审核通过后,审核版本中显示“审核通过,待发布”,单击审核版本右侧的“提交发布”按钮,小程序将正式发布到线上提供服务。

  8. 下载微信小程序码

    小程序提供了小程序码,用于扫描后打开小程序。登录微信公众平台|小程序,在设置页面中下载小程序码,单击“下载更多尺寸”按钮,打开更多尺寸对话框,提供多种颜色和尺寸的小程序码用于下载。

使用第三方工具进行开发

将上面步骤4中的“开发微信小程序”改为“在微信开发者工具中,单击“上传”按钮,上传已经导出的小程序包 ”。