/auto.pro

npm tools for auto.pro

Primary LanguageJavaScriptMIT LicenseMIT

简介

开箱即用的auto.pro的npm扩展包,主要有webpack、babel、ts、完整es6、压缩混淆、webview的配置,让你轻松开发复杂auto应用。

包名 版本 描述
@auto.pro/cli 工具包
@auto.pro/core 核心,提供应用和其他插件所需的各种属性、服务
@auto.pro/action 动作插件,兼容高低安卓版本的点击、滑动等功能,配有贝塞尔函数等
@auto.pro/search 图色插件,封装了分辨率适配、循环找图、缓存及其他增强型函数
@auto.pro/stream 流程插件,提供了RxJS拓展操作符,便于检验和重做失效操作

安装工具

cli预置了一些项目模板,含有webpack、babel、ts等工具,能帮助您快速创建复杂功能的应用。请确保你已经安装了node.js。

npm i -g "@auto.pro/cli"

cli安装完毕后,将有一个可用的系统命令auto-cli,执行auto-cli -h可查看简单说明。

创建项目

执行以下命令,即可根据选项在当前目录下创建一个project-name项目

auto-cli create project-name

UI模式(键盘↑↓进行切换,回车确认)


  • 预置了webpack的基础项目模板
  • html
    预置了webpack、html(webview)的项目模板,Pro 7.0.4-0及之前、8.0.3可用。
  • android
    预置了webpack、auto UI示例,查看说明

初始化

使用vscode打开刚才创建的项目,执行以下命令使用淘宝源进行安装

npm i --registry=https://registry.npm.taobao.org

安装完毕后,src目录就是我们写逻辑代码的地方了,src内的文件可直接无缝使用main.js里的变量,且可直接加载npm包。
由于webpack无法直接使用xml格式,因此无法在src内直接写UI。折衷的办法有以下几种:

  • 将UI部分写在main.js里。
  • src内通过files.read读取外部xml文件。
  • 用`符号包起xml格式代码,示例可在android模板找到。

运行

src内是源码,不适合直接发布成项目,应将其编译成dist/app.js文件,并让main.js引入(模板已经默认引用了这个文件)。
以下两个命令可以进行编译:

  • npm run build 进行一次编译
  • npm start 实时监听src目录内的文件并更新最终编译产物。

缺憾

auto.pro截至目前(v8.0.2),在运行和保存项目时会扫描所有文件(哪怕已经通过ignore忽略了),node_modules又含有大量文件,因此项目的测试运行和保存会比较耗时。

有任何疑问、意见或建议,欢迎直接联系本人QQ(258457708)或提issue。(^_^)

其他细节

  • 关于混淆 默认配置已经够用,如果不希望出现字符串明文,可以将webpack.config.js里注释的unicodeEscapeSequence设为true来开启。

LICENSE

MIT