谈 Atom 如何支持 WePY

谈 Atom 如何支持 WePY.jpg

    为什么要使用 WePY?  

    我们都知道开发小程序有很多很多的不便,比如: 


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


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


    频繁调用setData和setData页面闪烁 


    request并发次数限制


    To 创建一个页面,需要管理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了,快去尝试吧。

我来说两句

0 条评论

推荐阅读

  • 响应式布局CSS媒体查询设备像素比介绍

    构建响应式网站布局最常见的是流体网格,灵活调整大小的站点布局技术,确保用户在使用的幕上获得完整的体验。响应式设计如何展示富媒体图像,可以通过以下几种方法。

    admin
  • 提升网站的性能快速加载的实用技巧

    网站速度很重要,快速加载的网站会带来更好的用户体验、更高的转化率、更多的参与度,而且在搜索引擎排名中也扮演重要角色,做SEO,网站硬件是起跑线,如果输在了起跑线,又怎么跟同行竞争。有许多方法可提升网站的性能,有一些技巧可以避免踩坑。

    admin
  • 织梦CMS TAG页找不到标签和实现彩色标签解决方法

    织梦cms是我们常见的网站程序系统的一款,在TAG标签中常常遇到的问题也很多。当我们点击 tags.php 页的某个标签的时候,有时会提示:“系统无此标签,可 能已经移除!” 但是我们检查程序后台,以及前台显示页面。这个标签确实存在,如果解决这个问题那?

    admin
  • HTML关于fieldset标签主要的作用

    在前端开发html页面中常用的标签很多,今天为大家带来的是关于HTML中fieldset标签主要的作用说明,根据技术分析HTML

    admin

精选专题