什么是 IDE?五个好用的微信小程序开发IDE

dylinchen 4512 2022-11-14

代码改变世界,编程创造未来。

处于这个数字时代,一切都被数字化了,没有编程似乎什么都不可能。而当涉及到 Coding 实现时,没有什么可以取代 IDE。

什么是 IDE?

IDE 全称为集成开发环境,从小型项目到 Web 应用程序等大型实现,只需要一个 IDE 即可获得所需的众多功能,例如:文本编辑器、语法高亮显示、可定制的界面、编译器、代码自动保存、版本控制、调试器、构建自动化和部署

为什么选择 IDE?

因为 IDE 使编写程序变得容易且高效,它通过将程序转换为机器级代码或字节码来节省大量时间,还可以自由选择您感兴趣的编程语言。

如果开发微信小程序会发现微信小程序的官方开发工具并没有使用“IDE”字眼,因为它真的是个工具,而不是一个IDE。官方工具中的代码编辑功能,就是将 vscode 的代码编辑功能嵌入到工具中,不足以支撑开发,这时就要推荐使用一个优质的第三方代码编辑工具代替。

专属的小程序 IDE

这里要推荐下 FinClip 推出的小程序 IDE 工具,界面与微信小程序的开发工具类似,发现功能挺强大的,界面非常的简洁,上手门槛比较低,简单易上手,这款 IDE 工具的实际名称是 FIDE ( FinClip Integrated Development Environment )是 FinClip 为便于开发者更简单、高效地调试小程序的小程序开发调试工具。

从实际的使用体验来看 FinClip IDE 目前已支持二维码登录、真机预览、修改预览设置、指定基础库版本,本地导入基础库、优化userAgent展示方式,同时针对插件管理部分,可以直接将官方封装好的插件(如虚拟键盘,单向视频)拖拽至小程序中进行开发。

针对来自不同平台的小程序,IDE中增加了兼容性检查的工具,直接导入已有的代码包就可以明确了解小程序需要修改的特性与位置。例如 FinClip 天然支持微信小程序语法 WXML,就是说就算你是开发微信小程序也可以用这个 IDE 进行开发和调试,导出代码包后可以实现微信小程序平台和 FinClip 小程序平台的同时上线。

FIDE 重要功能描述

1、支持线上调试预览,提供运行日志、错误查看等功能,边开发边修正,提升开发质量

2、FIDE 支持真机预览,体验效果更直观

3、支持小程序转App,可以将已有小程序转为 App,开发者可将工程上架在不同的应用市场中,通过 App 扩展用户,大幅度降低研发成本,在官方博客中简化为7步的教程,需要的童鞋可以参考下:www.finclip.com/blog/shengchengxiaochengxu

4、在项目创建、主界面工具栏做了多项交互和视觉优化,支持树形文件结构,让操作路径和界面非常清晰

5、FinClip IDE可与 FinClip 服务端打通,可直接将编译好的小程序上传至后台

6、支持设置预览分辨率

7、支持动态更新,只需确保当前FIDE版本高于1.0.1,即可实现自动更新

开发文档中有 FIDE 非常详细的操作指南,大家上手前也可以看看:www.finclip.com/mop/document/develop/developer/fide-guide.html

微信小程序官方开发工具
图片描述

注意,这个小标题我并没有使用“IDE”字眼。因为在笔者眼中,它真的是个工具,而不是一个IDE。官方工具中的代码编辑功能,就是将vscode的代码编辑功能嵌入到工具中,不足以支撑开发。

优点

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

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

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

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

官方维护更新

缺点

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

api提示不全,要一个个查api啊,写代码超级慢啊

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

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

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

总结

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

Sublime Text 3
图片描述

说完官方工具,聊一聊我日常工作最常用的工具 sublime text 3,它定位于代码编辑器而不是IDE,试用了一下,在代码提示方面只能算得上一般般。

优点

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

代码编辑体验舒适、高效

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

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

缺点

没有调试,没有预览

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

总结

除了本身的代码编辑优势,对于小程序开发并没有什么实质性帮助,最终Sublime Text方案也被笔者放弃。

不得不吐槽 Sublime Text的这个插件,搞了好久才把它run起来,郁闷。

注:插件-链接在文末

Vim + WEPT
图片描述

Vim这个编辑器之神一直是我的装逼利器,关于vim的好我就不多说了,免得Emacs的人过来骂我。

网上有人已经开发了对应插件,叫做 Wxapp.vim 这个插件我简单用了一下,包含文件检测、智能补全、文档跳转、语法高亮、缩进、代码段、单词列表、语法检查等功能。总体来说还是不错的,但存在一个严重问题。笔者在做服务器开发的时候,基本使用Vim编程,在配合一些其他的插件和工具直接在终端运行调试。但微信小程序这个我用了半天不得不放弃,因为要经常在Vim和微信小程序官方工具之间来回切换,似的笔者极为烦躁。按照笔者一惯作风,使用Vim的时候就应该把鼠标扔掉。

但最终我还是发现了一个补救方案,下面会介绍一下。

优点

代码高亮,代码提示等功能齐全。

有小程序开发插件Wxapp.vim可以使用,上文已经提到

缺点

无法调试预览

另外一个问题在于很多人搞不定Vim,这货学习曲线优点高

UI和使用方式不符合大多数人的习惯

总结

‘finclip’这个货解决了我上面Vim说的痛点。

finclip 是一个微信小程序实时开发环境,它的目标是为小程序开发提供高效、稳定、友好、无限制的运行环境。也就是说,它本身是一个实时运行环境,可以做到实时预览和调试。同时调试可以借助chrome浏览器完成。和前面Vim搭配完美解决了代码编辑到调试再到预览的问题。

以上就是小编整理的什么是 IDE?五个好用的微信小程序开发IDE

国内(北京、上海、广州、深圳、成都、重庆、杭州、西安、武汉、苏州、郑州、南京、天津、长沙、东莞、宁波、佛山、合肥、青岛)小程序IDE软件分析、比较及推荐


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:人工智能在改变 量子计算将颠覆 很远吗?也许就在明天:霍尼韦尔要发布迄今最强量子计算机
下一篇:IFix 调度后台任务被关闭如何处理(含代码)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~