Atom 完美支持WePY 小程序开发

版权声明：本文为博主原创文章，未经允许不得转载。 https://blog.csdn.net/qq_33673284/article/details/79348196

Atom-完美支持WePY

简介

为何使用WePY？

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

1. 小程序的组件化支持能力太弱
2. 小程序无法使用npm包,无法使用第三方组件
3. 频繁调用setData及setData过程中页面跳闪
4. request并发次数限制
5. 创建一个页面需要管理4个对应的文件等…

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

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

开发工具

WePY官方推荐的编辑器有
- Sublime
- WebStorm/PhpStorm
- Atom
- VS Code
- VIM

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

---

Atom 插件

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

• atom-beautify
  代码格式化工具，可以设置在保存时自动格式化，别提有多方便了。支持html，css，javascript，java，go等等，反正常见的语言基本都支持了。
• 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了，快去尝试吧。

更多内容请移驾我的博客