微信小程序开发环境搭建--Atom

作者: HarwordLiu | 来源:发表于2017-05-22 14:13 被阅读587次

    由于小程序目前开放了个人注册,以及最近的一大波给力权限更新,好像小程序热又回来了。但有句古话说的好啊,“工欲善其事必先利其器”,微信给的IDE怎么说呢,虽然经过了好多个版本的更新,在很多方面已经很好了,但令我很不爽,UI以及与高亮的颜色完全不能突出我程序猿的B格啊。所以,本着一个折腾的心,开始了寻找IDE的过程。期间经历了很多,就不赘述了,直接给出博主的方案:

    微信IDE调试+Atom编码开发+博主的Atom插件语法高亮API补全

    然后从这样的:

    变成了这样的:

    AutoComplete

    AutoComplete

    Grammars Highlight

    JavaSprict wxss wxml

    如果你也喜欢这种风格流派的,如何搭配一个这样的环境就继续往下看:

    1.Atom安装

    Atom官网下载地址

    官方简介: Atom是一个现代文本编辑器, 高度可定制而不需要写烦人的配置文件。
    出品方是著名的世界最大的男性交友网站GitHub。

    博主作为一个iOS出家的猿猴,还是比较颜控的,这个IDE简洁,漂亮,高度可定制。简直是深的博主欢心。更多的信息可以参考下面。

    如何评价 GitHub 发布的文本编辑器 Atom?

    Atom教程-W3Cschool

    Atom-wiki

    2.根据自己的需求安装不同的Atom插件

    首先说一下博主的插件列表吧:

    1. javascript-snippets----JavaScript 代码段
    2. autocomplete-paths----路径补全,比如下找到某个图片的位置
    3. emmet----html 快速编写工具
    4. linter----语法检查引擎
    5. jshint----JavaScript 代码语法检测引擎
    6. auto-complete-wx---wxml,wxss文件语法高亮支持,微信API自动补全当然啦这个也是博主自己写的,安利一波,毕竟API搬运保持更新是个辛苦活儿。各位看官大大感觉用的不错,记得给一个Star,么么哒。

    当然Atom的功力肯定不仅仅这一点,想想sublime就知道了,虽然内功可能还没有sublime深厚,但是Atom其实也很强大了。更多插件信息请看下面这几篇博客:

    前端开发 Atom 编辑器插件安装和配置

    新时代编辑神器:Atom

    3.微信开发者工具作为调试工具。

    在Atom编辑完成cmd+s,在微信的IDE上查看最终的运行效果。毕竟小程序最终的运行的环境是在微信,所以还是绕不开微信的IDE的。

    总结

    总的来说,小程序才刚刚开始,作为程序猿来讲,或许这是一波红利,想想几年前的AppStore,你就知道了。把握机会紧跟技术前沿才是制胜之道。但是微信在iOS平台只是活在苹果的平台下,记得前一阵微信被迫下线iOS端公众号打赏业务,就可以知道,苹果已经感受到了微信的威胁。但是话又说回来了,微信有多大的野心我们也不知道。

    总之,对于我们来讲,神仙打架不一定是坏事,毕竟乱世出英雄,神仙不打架,你怎么才能捡到神器碎片呢?

    相关文章

      网友评论

        本文标题:微信小程序开发环境搭建--Atom

        本文链接:https://www.haomeiwen.com/subject/zxgbxxtx.html