auto.pro npm模块拓展一（cli）

为了方便快速的创建项目模板，以及使用webpack、webview、ts等功能、特性，我创建了一些npm模块来拓展auto.pro，项目地址 https://github.com/molysama/auto.pro，主要包括:

• 对pro的函数进行封装和安卓版本兼容
• 添加找图找色的分辨率适配和缓存机制
• 提供一套合理的脚本流程机制

本篇介绍相关工具的安装和配置

安装cli工具

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

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

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

创建项目

执行以下命令，即可根据选项在当前目录下创建一个project-name项目，project-name为要创建的文件夹名。

auto-cli create project-name

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

• 无
  预置了webpack的基础项目模板
• html
  预置了webpack、html(webview)的项目模板
• android
  实施中，尚不可用

初始化

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

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

运行

src内是源码，不适合直接发布成项目，应将其编译成dist/app.js文件，main.js引入的是后者。
以下两个命令可以进行编译:

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

缺憾

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

下一节

下一节将介绍如何使用这些模板来进行实战，欢迎收藏和关注(^_)