autoxjs入門-高級開發環境搭建

概述

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 再加固，因此沒有動力實現這個插件！