微信小程序开发 ide 编辑器的选择

看看哪款 IDE 是你开发微信小程序的菜 1、微信开发者工具 2，Visual Studio Code 3、Egret Wing 3.2.0 —— 由 微信小程序开发论坛-weappdev 分享

诚惶诚恐，作为Android移动端开发的小菜鸟一个，看到最近大家都在谈论小程序。好奇心的驱使下，入坑了。

前言

首先这里我不是做前端的，也对小程序具体业务实现细节还不太熟悉，就不谈这些了。这里我想说下：我在开发小程序的时候用官方自带的开发工具编辑的时候操作起来各种不顺手，调试的时候又需要用到，但是编辑的时候还是用自己熟悉的编辑器好一点。
就我使用的三款编辑器来做个对比：

1、微信开发者工具0.9.092300版本

在对于这个官方的开发工具真他的揪心啊，有没有？虽然小程序使用的是VS code内核，但是很多必备的快捷键都没有，比如快速复制一行；还有主题，我他么不喜欢白色主题怎么搞啊？最重要的是不能安装插件，这就说不过去了。

• 优点：
  • 官方提供的工具，可随时调试，随时预览
  • 使用vs code内核有智能提示
  • 官方更新维护

• 缺点：

  • 视图窗口模块不能随意按照自己的代码习惯去拉伸大小以及隐藏：
  • 主题不能选，只有白色的有没有。我就不喜欢白色怎么办
  • 无法安装插件
  • 代码智能提示不全，写代码真的好慢啊

2，Visual Studio Code

对于微软推出的这款大家对他褒贬不一，总之我认为他比atom好用。
编辑小程序的插件准备：这三个插件呢，主要就是微信api,代码高亮，智能提示（也不太完整）。

 

• 优点：
  • 主题什么的就不说了
  • 安装我上图提示的插件，基本可以文件关联，智能提示
  • 打开文件速度快，代码编辑体验好
  • 拥有大量插件，针对不同需求基本上能找到对应插件来满足
  • 可以直接使用git同步项目，协同开发

• 缺点：

  • 暂时没有尝试过用vs code自带的调试调过，不知道可不可以
  • 第三方编写的插件，代码提示也不是很全
  • 不可以预览

3、Egret Wing 3.2.0

Wing这款ide算是目前支持小程序最优秀的一款IDE了。不多说看图说话吧

• 优点：
  • 既然基于vs code什么主题，代码高亮、提示就不说了
  • 实时静态预览，竟然可以切换不通分辨率的手机
  • 支持小程序项目的创建---诡异啊
  • 支持新建page模板