简介
为何使用 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 开始语法, 它会自动跟随写出结束语法, 比如键入 < 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 了, 快去尝试吧
来源: https://juejin.im/post/5a9e0798f265da2391479e26