uni-app cli 开发微信小程序 自动化编译，启动项目

一、npm 编译uni-app 代码

打开uni-app 官方文档寻找工程化相关的文档

比较符合我的需求，按照官方文档下载demo尝试

因为之前已经安装过vue-cli 这里我们直接跳过，第二步选择正式版

vue create -p dcloudio/uni-preset-vue my-project

因为网络原因，初始化项目失败

尝试gitee 直接下载模版， 得到这样一个文件结构的项目

package.json 是这样子的

尝试运行下命令

npm i

npm run dev:mp-weixin

尝试修改下代码

我们删除无用的命令得到这样一个package.json

按照上面的操作一下

npm i miniprogram-automator --save-dev

编写openWeixin.js

const automator = require(miniprogram-automator)


automator.launch({

cliPath: path/to/cli, // 工具 cli 位置，如果你没有更改过默认安装位置，可以忽略此项

projectPath: path/to/project, // 项目文件地址

}).then(async miniProgram => {

const page = await miniProgram.reLaunch(/page/component/index)

await page.waitFor(500)

const element = await page.$(.kind-list-item-hd)

console.log(await element.attribute(class))

await element.tap()


await miniProgram.close()

})

更改项目地址到生成的dist 目录

const automator = require(miniprogram-automator)


automator.launch({

cliPath: path/to/cli, // 工具 cli 位置，如果你没有更改过默认安装位置，可以忽略此项

projectPath: ./dist/dev/mp-weixin, // 项目文件地址

}).then(async miniProgram => {

// 打开后的回掉看自己需求编写

})

执行一下

node openWeixin.js

成功执行了

编写package.json script 命令

"scripts": {

"open": "node openWeixin",

"serve": "npm-run-all --parallel dev:mp-weixin open --continue-on-error"

}

执行 npm run serve 就可以了 （npm-run-all 执行多个命令的包，我尝试了&& 发现会报错 所以找到的npm-run-all 来实现， npm-run-all 使用方法同学们自行查询官方文档）