关于程序员:autoxjs入门高级开发环境搭建

2次阅读

共计 1463 个字符,预计需要花费 4 分钟才能阅读完成。

概述

autoxjs 是持续保护降级的 Auto.js 我的项目,在原来我的项目的根底上,实现了如下性能:

  • [x] autoxjs 我的项目工程化:联合 webpack vscode 插件,开发、编译、打包、部署、混同、加密一体化 文档资料
  • [x] vscode 插件右键,主动提醒操作等下载地址
  • [x] vscode 主动补全、办法正文等,文档资料
  • [x] 公布新版 autoxjs 4.2.1:打包插件,运行 apk、autox.js 下载地址
  • [x] 建设论坛、提供交换社区,交换社区
  • [] 建设利用商店
  • [] 提供更好的 sdk 封装

上面我次要对工程化、布局范化这块的环境搭建进行解说:

优酷视频解说

环境搭建

  1. 你须要装置 nodejs,装置过程中请留神要 [将 node 增加 PATH 中] 和 装置 npm 这两个选项都要勾选上。(个别的前端工程师都有这个环节)
  2. 装置 vscode 并装置 autoxjs 开发插件即:Auto.js-VSCodeExt-Fixed 留神是 0.3.11 或以上版本。(ctr+ shift+p 抉择 autojs 启动服务)
  3. 装置全局装置 webpack: npm i -g webpack webpack-cli --registry=https://registry.npm.taobao.org
  4. 下载本我的项目 或 git clone 我的项目 git clone https://github.com/kkevsekk1/webpack-autojs.git
  5. cmd 到我的项目,运行命令,装置依赖
    npm install --registry=https://registry.npm.taobao.org
  6. 到这来基本上能够说 开发环境 就实现了,(你还要一部手装置 autoxjs),上面说 这我的项目的配置文件和开发的模式。

我的项目开发、编译、打包、部署介绍

  1. work 目录:这就是咱们我的项目的总目录,即这外面每一个文件夹是一个 autoxjs 我的项目。比方咱们 demo,demo1,dy 即为 3 个我的项目。
  2. scriptConfig.js 文件:咱们要如何编译我的项目即在这个文件中配置,关上文件,有正文的能够依照正文改。
  3. header.txt 无关紧要的文件,外面的内容会一成不变的增加到 编译后的 js 代码头部
  4. 调整好下面 3 处内容 就可用编译了咱们的我的项目了
  5. package.json 这个文件规定 看 第 6 - 9 行,有两个命令 start 和 build 别离对应开发环境和生成环境的编译,无需批改。只有晓得他们 别离对应 npm run start 和 npm run build。
  6. 运行 npm run start 即开发环境,没每次批改代码,代码会主动编译,并且 scriptConfig.js 中的 wath 配置为 ’rerun’ 或 ’deploy’ 那么代码将主动在手机中运行 或主动将从新编译的我的项目保留到手机中。
  7. dist 目录:运行下面编译命令(start 或 build),就有编译的后果,编译的后果就 dist 目录中,这目录下每一个目录代表的就是一个编译后的 autoxjs 我的项目. 编译后的目录的名称 能够配置一个前缀,以便和编译前的我的项目辨别(当他们都以我的项目模式保留手中的时候就很有必要)。

8. npm run start 这个

编译 dex

  1. 应用工具 的起源。我用这个工具来打包,不打算反复造轮子了
  2. 装置 jre
  3. 装置 auto-cli npm i "@auto.pro/cli" -g
  4. 运行编译命令 auto-cli dex ./dist/demo/main.js
  5. 如果因为违心写个 webpapck 插件,来执行这里几个命令,实现自动化违心 pull 代码,我没打算对我的代码 编译为 dex 再加固,所以没有能源实现这个插件!
正文完
 0