浅谈Atom支持WePY的方法
本篇文章给大家介绍一下Atom完美支持WePY的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
相关推荐:《atom教程》
为何使用WePY
?
我们都知道开发小程序的时候有很多很多的不方便的地方,譬如:
小程序的组件化支持能力太弱
小程序无法使用
npm
包,无法使用第三方组件频繁调用
setData
及setData
过程中页面跳闪request
并发次数限制创建一个页面需要管理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开始语法,它会自动跟随写出结束语法,比如键入
结束语法。开始,自动有 - 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的方法的详细内容,更多请关注其它相关文章!