微信小程序官方开发工具不敢恭维，你知道吗？
发表时间：2023-09-16 18:18:54
文章来源：炫佑科技
浏览次数：199
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
微信小程序官方开发工具不敢恭维，你知道吗？
#长按上图识别二维码，参与OSC源码创建年终盛典#
微信小程序已经内测一段时间了。 作者出于好奇和学习，写了几个小demo。 虽然我在MINA框架中没有遇到太多的坑，但是官方的开发工具确实不免费。
●api提示不完整。 你得一一检查api。 写代码非常慢。
●许多必需的快捷键不可用，例如选择所有关键字、快速复制一行等。
●无法选择颜色主题？不喜欢白色风格怎么办？
● 无插件 无插件 无插件 重要的事情说三遍
无奈，我只能踏上尝试各种IDE的旅程。 现在我来谈谈我对 IDE 的需求或假设：
● 轻量级：我不喜欢类似的庞然大物。 即使出现类似的工具，我也不会使用它们，因为它们90%的功能都不会被使用。
● 可自定义代码着色：代码着色是必备功能，*好支持颜色模板
● 准确的代码提示：这个太重要了，大家都懂
● 可调试：IDE可以调试或运行
● 实时预览界面：由于应用程序开发与网页不同，实时预览必须在程序运行时将动态数据加载到界面中。 我对此不抱太大希望。
针对以上需求，笔者尝试了目前市面上支持小程序开发的工具。 我精心总结如下，供大家参考。
微信小程序官方开发工具
请注意，我在此副标题中没有使用“IDE”一词。 因为在作者眼里，它确实是一个工具，而不是IDE。 官方工具中的代码编辑功能是将代码编辑功能嵌入到工具中，不足以支持开发。
优势
因为是官方工具，如果不是代码编辑功能太弱的话，有着其他第三方工具无法比拟的天然优势。
●官方工具，可调试、可预览
●具备基本代码编辑、智能提示、调试等功能
●项目管理、创作、移动预览、代码提交审核
●官方维护更新
缺点
缺点也很明显。 总的来说，它是一个工具而不是IDE。 糟糕的代码编辑功能让写代码变得非常别扭。 这是我放弃的*重要的原因。
●api提示不完整。 你得一一检查api。 写代码非常慢。
●许多必需的快捷键不可用，例如选择所有关键字、快速复制一行等。
●无法选择颜色主题？不喜欢白色风格怎么办？
●无插件 无插件 无插件 重要的事情说三遍
总结
目前，因为创建、调试、查看、预览、上传小程序都需要微信网页开发工具，所以这个工具是必不可少的。 不过代码编辑功能确实很差。 建议使用其他第三方代码编辑工具代替。
文字3
说完了官方的工具，我们来说说我日常工作中*常用的工具text 3。它的定位是代码编辑器而不是IDE。 尝试了一下，从代码提示来看只能算是一般。
优势
● 打开文件速度提高一倍，UI 简洁优雅
● 代码编辑体验舒适高效
● 插件数量较多，基本上可以找到对应的插件来满足不同的需求。
● 第三方开发开发代码着色、代码提示的小程序插件
缺点
● 无需调试，无需预览
● 由于是第三方开发编写的插件，所以代码提示不是很全面。
总结
除了本身的代码编辑优势之外，对于小程序开发并没有任何实质性的帮助。 *终Text方案也被作者放弃了。
我不得不抱怨一下Text这个插件。 我花了很长时间才让它运行起来，这非常令人沮丧。
Vim+WEPT
Vim，编辑之神，一直是我炫耀的工具。 vim 的好我就不多说了，免得 Emacs 的人过来骂我。
网上有人开发相应的插件，叫做Wxapp.vim。 我简单使用过这个插件微信小程序官方开发工具不敢恭维，你知道吗？，它包括文件检测、智能补全、文档跳转、语法高亮、缩进、代码片段、单词列表、语法检查等功能。 总体来说是好的，但是有一个严重的问题。 我在做服务器开发的时候，基本上都是使用Vim进行编程，并使用其他一些插件和工具直接在终端上运行调试。 但用了很长一段时间后，我不得不放弃微信小程序，因为我必须频繁地在 Vim 和微信官方小程序工具之间来回切换，这让我非常恼火。 按照作者一贯的风格，使用Vim时应该扔掉鼠标。
但*终我找到了一种补救措施，我将在下面描述。
优势
●代码高亮、代码提示等功能齐全。
●有一个小程序开发插件Wxapp.vim可以使用，如上所述
缺点
●无法调试预览
●另一个问题是很多人无法使用Vim，因为它的学习曲线很高。
●UI和使用方式不符合大多数人的习惯
总结
'WEPT' 解决了我上面提到的 Vim 痛点。
WEPT是微信小程序的实时开发环境。 其目标是为小程序开发提供高效、稳定、友好、无限制的运行环境。 也就是说，它本身就是一个实时运行环境，可以实现实时预览和调试。 同时可以借助浏览器完成调试。 与之前的Vim配合使用，完美解决了从代码编辑到调试到预览的问题。
这个产品不是IDE，我不会分析它的优缺点。 总的来说，WEPT+VIM+是一个不错的解决方案。 推荐大家使用。
网上有一个插件可以实现代码提示，但不能做调试和预览。 这是一个重型工具，所以我没有使用它。 喜欢厚一点手感的童鞋可以试试这个工具。
优势
●有插件可以实现代码高亮、代码提示等功能
●非常成熟，功能丰富
●多种快捷键
缺点
●无法调试预览
●功能更多，更臃肿
总结
综上所述，和上面的一样微信小程序开发主要技术，代码编辑功能强大但开发小程序需要插件支持，比较臃肿。
白鹭翼
Wing是我见过的**个公司级支持的IDE，所以功能相当成熟。 我下载并尝试了。 目前来说，除了上面的Vim方案之外，经过比较，这应该是*好的IDE工具了。
优势
●支持代码提示和代码高亮
●实时预览调试及不同分辨率预览切换
●真的支持项目创建吗？ ！
●支持新的页面模板文件
●每两周更新一次
缺点
●实时界面预览是静态呈现。 界面中的动态数据无法预览，只能在调试时预览。
●无法进行可视化拖拽生成界面（是我太贪心了吗？）
总结
Wing是唯一支持实时预览功能的IDE。 即使是微信官方也没有实时预览，需要编译后预览。 对于懒惰的作者来说，当你有写作界面的实时预览时别高兴得太早！ Wing不仅可以创建项目，新建页面模板，运行项目发现预览界面和微信官方开发工具非常相似。 先推荐一下。
总结
列个清单，让大家根据自己的心情来选择。
