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

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

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

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

优点

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

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

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

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

官方维护更新

缺点

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

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

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

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

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

评价

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

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

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

优点

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

提供大量可套用的模板

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

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

缺点

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

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

评价

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

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

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

优点

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

代码编辑体验舒适、高效

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

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

缺点

没有调试，没有预览

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

评价

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

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

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

优点

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

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

各种快捷键

缺点

无法调试预览

功能比较多、比较臃肿

评价

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

一、知晓云

知晓云是爱范儿旗下继知晓程序（minapp.com，媒体和小程序商店）后又一个基于微信生态的核心产品。

是国内第一个专注于微信小程序开发的BaaS（Backend as a Service）产品，它可以让开发者更快、更轻松地做出优美、稳定的小程序，且不失灵活性。

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

作为官方小程序开发工具，它只是个工具，而不是一个IDE。官方工具中的代码编辑功能，就是将vscode的代码编辑功能嵌入到工具中，不足以支撑开发。因为是官方工具所以微信官方小程序开发工具有着其他第三方平台不可比拟的天然优势。

三、Coolsite360

CoolSite360推出的小程序编辑器，可以帮助设计师无需编写wxml以及wxss代码，通过小程序可视化编辑器就可快速设计小程序交互UI。使用小程序编辑器设计的页面，可以方便地在微信及浏览器上预览，便于前期的原型展示分享。设计好的页面，可以一键导出符合小程序标准的代码，可直接进行功能开发。

四、即速应用

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

1、首先要下载微信官方的微信Web开发者工具。打开微信公众平台，找到右下方的小程序模块，点击“开发”按钮

2、点击顶部导航栏的“工具”按钮，在新页面的左侧栏中找到“下载”。可以看到，开发工具提供Windows32位、Windows64位和Mac三个版本。可根据实际情况，选择适合自己电脑的开发工具。

3、安装后，就可以直接启动开发者工具。如果是首次启动开发者工具，则需要使用开发者的微信号扫码登录。登陆后，点击“添加项目”按钮，填写APPID（如果没有，则点击无APPID）和项目名称。接着，在项目目录中点击“选择”，新建一个文件夹作为新的项目目录。然后再次点击“添加项目”，就可以新建出一个微信小程序项目了。

4、微信小程序开发者工具共分成“编辑”、“调试”和“项目”三个部分。

编辑：编辑和修改小程序的代码。

调试：显示小程序代码错误和警告，便于调试代码错误。

项目：用于查看小程序的属性、修改小程序配置，以及提交小程序代码至微信服务器。

开发工具还提供简单的模拟器（页面左侧），开发者可以使用模拟器在电脑上模拟用户点击及使用，提供后台情况模拟、多媒体播放器调试、缓存数据处理等功能。

5、懂技术的程序员到这一步就可以自己开发了。而不懂编程的小白，可以登录微信小程序开发平台“即速应用”官方网站进行小程序的制作。里面有大量的小程序模板，根据自己的需求选择一个模板进行制作即可。

6、制作完成后，点击“生成按钮”。然后选择“小程序打包”，下载小程序的标准代码包。

7、回到在微信Web开发工具中，在“项目目录”这一栏选择下载好的代码包，打开后就可以看到小程序的预览效果了。

8、在“项目”页面中，开发者可以查看小程序的基本属性，也可以进行真机预览调试，或向微信服务器提交一个新版本的小程序代码。服务器收到代码后，管理员就可以通过公众平台，将新版本提交审核了。

---