浅谈Atom支持WePY的方法

本篇文章给大家介绍一下Atom完美支持WePY的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

浅谈Atom支持WePY的方法插图

为何使用WePY

我们都知道开发小程序的时候有很多很多的不方便的地方,譬如:

  • 小程序的组件化支持能力太弱

  • 小程序无法使用npm包,无法使用第三方组件

  • 频繁调用setDatasetData过程中页面跳闪

  • request并发次数限制

  • 创建一个页面需要管理4个对应的文件等…

ps.如果你还不了解如何开发小程序,可以先看下小程序开发简易教程。

综上,便产生了一种框架WePY,详见WePY 官方文档。

开发工具

WePY官方推荐的编辑器有

  • Sublime
  • WebStorm/PhpStorm
  • Atom
  • VS Code
  • VIM

摸索了一圈还是推荐Atom给大家使用,感觉对WePY支持要比其他几款编辑器更高。


Atom 插件

既然选择了Atom,那么一些必备的插件还是需要的,这里呢就为大家精心准备了几款实用插件(主要适配于WePY)。

  • atom-beautify
    代码格式化工具,可以设置在保存时自动格式化,别提有多方便了。支持htmlcssjavascriptjavago等等,反正常见的语言基本都支持了。
  • atom-wrap-in-tag
    自动修改对应的HTML关闭标签,挺实用的。
  • autocomplete-paths
    自动补全文件路径,这个功能肯定使用嘛,完全避免了路径输入错误带来的bug。
  • autoclose-html
    自动输入对应的HTML关闭标签,虽然简答但是实用。
  • docblockr
    文档化注释,你懂的,团队协作规范注释必备插件。
  • double-tag
    能让同时编辑html的开始与结束标记,如果你增加一个 HTML开始语法,它会自动跟随写出结束语法,比如键入<div>开始,自动有</div>结束语法。
  • emmet
    能够基于Emmet语法产生HTML
  • language-vue
    使编辑器支持Vue语法,代码高亮
  • file-icons
    很简单,为不同类型的文件添加一个漂亮的小图标,颜控开发者必备。
  • linter
    能够自动覆盖检查源码,产生警告和错误,帮助规范编程,基于实时代码分析。HTML, CSS, SCSS, JavaScript都有各自的Linter。甚至框架也有自己的Linter
  • linter-jshint
    帮助你编写专业的js代码,js开发者必备插件。
  • minimap
    这个插件不用介绍了吧,从sublime开始,一直使用。从未遗忘。
  • activate-power-mode
    这个插件就不用说了,酷炫的敲代码,装*党必备。

安装完这些插件,你的Atom已经可以很愉快的支持WePY了,快去尝试吧。

更多编程相关知识,请访问:编程入门!!

以上就是浅谈Atom支持WePY的方法的详细内容,更多请关注811轩轩资源网其它相关文章!

声明:本文转载于:掘金社区,如有侵犯,请联系admin@php.cn删除

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。如有需求,建议购买正版!如果源码侵犯了您的利益请留言告知!!
优质资源共享平台-811轩轩资源 » 浅谈Atom支持WePY的方法

发表评论