概述
autoxjs 是繼續維護升級的Auto.js 項目,在原來項目的基礎上,實現了如下功能:
- [x] autoxjs 項目工程化:結合webpack vscode插件,開發、編譯、打包、部署、混淆、加密一體化 文檔資料
- [x] vscode 插件右鍵,自動提示操作等下載地址
- [x] vscode 自動補全、方法注釋等, 文檔資料
- [x] 發布新版autoxjs 4.2.1 : 打包插件,運行apk、autox.js下載地址
- [x] 建設論壇、提供交流社區,交流社區
- [ ] 建設應用商店
- [ ] 提供更好的sdk 封裝
下面我主要對工程化、規划范化這塊的環境搭建進行講解:
環境搭建
-
你需要安裝 nodejs ,安裝過程中請注意要 [ 將node添加PATH中 ] 和 安裝 npm 這兩個選項都要勾選上。(一般的前端工程師都有這個環節)
-
安裝vscode 並安裝 autoxjs開發插件即:Auto.js-VSCodeExt-Fixed 注意是0.3.11 或以上版本。 (ctr+ shift+p 選擇autojs 啟動服務)
-
安裝全局安裝 webpack:
npm i -g webpack webpack-cli --registry=https://registry.npm.taobao.org
-
下載本項目 或git clone 項目
git clone https://github.com/kkevsekk1/webpack-autojs.git
-
cmd 到項目 , 運行命令,安裝依賴
npm install --registry=https://registry.npm.taobao.org
-
到這來基本上可以說 開發環境 就完成了,(你還要一部手安裝 autoxjs),下面說 這項目的配置文件和開發的形式。
項目開發、編譯、打包、部署介紹
- work 目錄: 這就是我們項目的總目錄,即這里面每一個文件夾是一個autoxjs 項目。比如我們 demo,demo1,dy 即為3個項目。
- scriptConfig.js 文件: 我們要如何編譯項目即在這個文件中配置,打開文件,有注釋的可以按照注釋改。
- header.txt 無關緊要的文件,里面的內容會原封不動的添加到 編譯后的js代碼頭部
- 調整好上面 3處內容 就可用編譯了我們的項目了
- package.json 這個文件規定 看 第6-9行,有兩個命令 start 和 build 分別對應開發環境和生成環境的編譯,無需修改。只要知道他們 分別對應 npm run start 和 npm run build 。
- 運行
npm run start
即開發環境,沒每次修改代碼,代碼會自動編譯,並且 scriptConfig.js 中的wath配置為'rerun'或'deploy' 那么代碼將自動在手機中運行 或自動將重新編譯的項目保存到手機中。 - dist目錄: 運行上面編譯命令( start或build),就有編譯的結果,編譯的結果就 dist目錄中,這目錄下每一個目錄代表的就是一個編譯后的autoxjs項目.編譯后的目錄的名稱 可以配置一個前綴,以便和編譯前的項目區分(當他們都以項目形式保存手中的時候就很有必要)。
8.npm run start
這個