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

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

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

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

优点

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

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

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

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

官方维护更新

缺点

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

api提示不全，要一个个查api，茄余姿影响写代码的速度

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

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

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

评价

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

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

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

优点

可视化 *** 作，直接拖拽组件生成页面

提供大量可套用的模板

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

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

缺点

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

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

评价

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

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

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

优点

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

代码编辑体验舒适、高效

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

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

缺点

没有调试，没有预览

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

评价

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

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

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

优点

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

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

各种快捷键

缺点

无法调试预览

功能比较多、比较臃肿

评价

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

最近刚刚接触到RobotFramework，发现这个工具倒是可以满足我的要求，而且可以结合seleniumLibrary，用来做web的自动化测试相者雹当不错。之前我也接触过selenium，不过感觉那个工具更贴近开发人员使用，有了robotFramework之后，感觉这个工具相当强大，而且是贴近测试人员的。之所以说强大，主要是这些测试脚本都可以用文本格式保存（如txt/html等）

==安装篇==

如果有想学的朋友可以自己下载以下文件安装（Google-code里可以找到大部分的安装文件）：

这篇文章的内容比较旧了，最新的安装指南请查看 更新篇

python-2.7.1.msi（首先要有python，请选择将Python加入Path）

wxPython2.8-win32-unicode-2.8.11.0-py27.exe（wxPython，必须要的）

robotframework-2.6.0.win32.exe（然后装robot的Framework）

robotframework-ride-0.38.1.win32.exe（robotFramework的IDE，很不错）

robotframework-seleniumlibrary-2.8.win32.exe（seleniumLibrary）

安装成功后

执行[PythonDir]\Scripts\ride.py

看到界面就是安装成功了。

如果需要AutoIt支持就下载下面2个东东。

AutoItLibrary-1.1

pywin32-216.win32-py2.7.exe

==入门篇==

安装完成了，这个框架可以说是基于keyword的 *** 作，按F5可以看到所有加载的keyword。首慧帆

首先新增一个project

然后新增suite

然后新增test case，接着在suite层级add library，把selenium library加进来，添加后按F5检验是否添加成功，如图

OK，继续在suite的setting里设置suite启动和结束的keyword，即Start Selenium Server和Stop Selenium Server，他会在运行时帮助我们自动启动seleniumserver。

接下来在test case里添加一个步骤碧橡，open browser（一般用selenium做web测试都要用这个方法来打开浏览器），添加后关键字变成蓝色表示找到关键字了，否则可能是拼写错误或者没有加载相应的library。红色表示有一个必选参数要给定输入值，具体参数可以看F5里的keyword说明。

输入参数，第二个参数默认是firefox，不过我没装，就用ie吧。

以上只是一个简单的例子，没有详细说明每个步骤的 *** 作，只是初步介绍。后续再详细介绍

---