微信小程序需要哪些开发工具

新手学堂016

微信小程序需要哪些开发工具,第1张

  微信小程序需要哪些开发工具

 一、微信小程序官方开发工具

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

 优点

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

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

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

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

 官方维护更新

 缺点

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

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

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

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

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

 评价

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

 二、即速应用——适合技术小白的小程序开发工具

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

 优点

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

 提供大量可套用的模板

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

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

 缺点

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

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

 评价

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

 三、Sublime Text 3——简洁高效的开发工具

 sublime text 3定位于代码编辑器而不是IDE,在代码提示方面只能算一般般,不过胜在使用起来非常方便。

 优点

 打开文件速度倍儿快、UI简洁大方

 代码编辑体验舒适、高效

 拥有大量插件,针对不同需求基本上能找到对应插件来满足

 第三方开发者开发小程序插件用于代码着色和代码提示

 缺点

 没有调试,没有预览

 因为是第三方开发者编写的插件,代码提示也不是非常全面

 评价

 使用门槛不会太高,可以迅速上手。是但如果想实现一些丰富的功能就会比较吃力了。

 四、WebStorm——功能繁多的重度开发工具

 WebStorm网上有个插件,可以实现代码提示,不能做调试和预览,并且属于重度工具,如果你是,可以尝试一下这个工具。

 优点

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

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

 各种快捷键

 缺点

 无法调试预览

 功能比较多、比较臃肿

 评价

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

微信小程序盈利模式有如下几种:

1、纯小程序创业

对现有产品的功能进行延伸,开发一个与现有app相辅相成的小程序。通过小程序的高扩散性,解决app传播率低的问题。比如:摩拜、滴滴、打卡助手等。或者,从0到1全新设计研发自己的小程序,1个小程序就1个功能。比如:亲戚关系、群play、手持弹幕、形色识花等。

小程序有大量的访问量后,再根据用户画像进行商业变现。比如”手持弹幕”的使用场景大部分是演唱会,用户群体基本属于粉丝群。小程序制作方可往明星周边等娱乐产业进行转移,最后实现转化变现。

2、小程序商店

也就是“小程序聚合平台”。前期收录所有小程序,进行免费展示。待知名度、访问量和转化量做起来后,转为收费模式(摊位费、推广费)。比如:知晓、第九、点点、91ud等。

3、小程序服务商

这是目前市面上最普遍的小程序盈利模式。技术型公司利用已有的技术优势,迅速接入小程序技术,为企业/个人提供小程序定制开发服务,比如广州市加减信息技术有限公司等。此外,还可衍生出招商加盟业务,为不懂技术的代理商提供技术支持,比如轻易达小程序招商。

4、社群电商

通过一系列社交玩法,让小程序在微信等社群中散发开来,从而引发购买行为。如YOGAN摇杆等。其实,内容和社交电商实质上,是将以往的H5商城或第三方购物平台替换成小程序。但因小程序的触达更快更准确,所以内容和社交的引流效果会好非常多。

5、O2O服务

利用小程序线上的强引流性,将用户引导到线下门店,促成转化。以餐馆为例,消费者从附近的小程序、社交分享、文内广告等途径进到餐馆的小程序,领取抵扣券后前往餐馆消费。消费后,店家还能留存用户信息,建立会员体系,进一步了解用户的消费习惯、偏好等,最后针对性地做喜好推荐、会员优惠等。目前,通过小程序发放优惠券引流的典型例子有:星巴克用星说、麦当劳等。

微信小程序盈利方法如下:

1、市场定位

在开发前进行市场的定位,包括电商所针对的人群,购买能力如何,有哪些同类竞争对手,经营情况如何,采取了怎样的运营手段等等,来确定自己的市场定位以及阶段目标,选择正确的竞争优势,才能在有限的市场当中冒出头来。

产品差异:企业可以使自己的产品区别于其它产品。服务差异:除了靠实际产品区别外,企业还可以使其与产品有关的服务不同于其它企业人员差异:企业可通过雇用和训练比竞争对手好的人员取得很强的竞争优势。

2、明确客户的需求各行业的需求不同,在进行小程序的页面布局设置时,要提取客户的不同需求,将最主要的进行合理的安排,在客户使用的过程中能够准确的找到自己想要的东西,能够很大的加深用户的体验度,转化会更加的快捷。

3、准备开发工具

(1)微信web开发者工具:微信小程序官网微信开发的小程序编辑软件,下载安装即可使用,不需要去添加什么的;

(2)开发文档:微信小程序宝典秘籍这里面详细的介绍了小程序的各项信息,包括组件、框架、API等等;

(3)EasyMork:easy-mock小程序后台数据可以在这里模拟,使用的是json格式数据;

(4)图标库:Iconfont-阿里巴巴矢量图标库这个是个好东西,找图标就用它了

(5)APPID:在微信公众号官网可以获得。

1、学习html/css/js三件套

html:超文本标记语言(英语:HyperTextMarkupLanguage,简称:HTML)是一种用于创建网页的标准标记语言。您可以使用HTML来建立自己的WEB站点,HTML运行在浏览器上,由浏览器来解析。

css:css是CascadingStyleSheets的缩写,我们中文称为「串联样式表」,能让我们更精确的控制网页版面的文字、背景、字型等它能让我们只修正一个css文件,便可同时更新众多的网页版面外观及格式,还可以使html的文件内码更精简,缩小档案下载的速度。

js:js是Javascript的缩写形式,而Javascript是一种基于对象和事件驱动并且具有相对安全性的客户端脚本语言。它在Web开发中JS占据着举足轻重的地位,所有交互、逻辑层的代码都应该由它来实现。

2、PHP/JAVA语言开发

对于微信小程序而言,前端程序是唯一差异于网站建设技术的,因此,只要前端程序过得了关,能够写前端的接口,那么您使用PHP,又或者java,以及aspnet的程序语言都是完全支持的。一般对于企业而言,都是采用php程序开发微信小程序;技术要求高一点的可以采用java程序开发。这些开发方式成都锐美网络都已实践,且能保证效果。

微信小程序常见使用“MINA”框架,ApacheMinaServer是一个网络通信应用框架,也就是说,它主要是对基于TCP/IP、UDP/IP协议栈的通信框架,Mina可以帮助开发者快速开发高性能、高扩展性的网络通信应用,Mina提供了事件驱动、异步(Mina的异步IO默认使用的是JAVANIO作为底层支持)操作的编程模型。这个框架为微信小程序的运行提供了丰富的组件和API。微信小程序开发者要学会和掌握小程序的框架结构、数据绑定机制、模板、数据缓存、常用组件和API等相关知识。

跟风体验了下微信小程序的开发流程,发现官方的微信 web 开发者工具并不支持在代码中打断点。

用了一阵子 consolelog 之后觉得好麻烦,突然想起还有一招:

debugger;

debugger 语句可以在 Chrome 和 Firefox 下打断点,微信 web 开发者工具应该就是 Atom 或者 VSCode 套了个壳,理论上应该支持,所以试了一下

点击调试就会自动进来

果然没猜错,能设置 Watch 还有查看 Call Stack 什么的。这下终于不用反复打 consolelog 了。

还可以包装一下这个函数,增加一些类似 assert 的语法,简单的条件断点就实现了,进一步提升开发效率。

还可以包装一下这个函数,增加一些类似 assert 的语法,简单的条件断点就实现了,进一步提升开发效率。