autoxjs入門高階開發環境搭建

autoxjs 是繼續維護公升級的auto.js 專案，在原來專案的基礎上，實現了如下功能：

你需要安裝 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=

cmd 到專案，執行命令，安裝依賴

npm install --registry=

到這來基本上可以說開發環境就完成了，（你還要一部手安裝 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這個

使用工具的**。我用這個工具來打包，不打算重複造輪子了

安裝jre

安裝 auto-clinpm i "@auto.pro/cli" -g執行編譯命令auto-cli dex ./dist/demo/main.js

auto-cli dex ./dist/demo/main.js如果由於願意寫個 webpapck 外掛程式，來執行這裡幾個命令，實現自動化願意 pull **，我沒打算對我的** 編譯為dex 再加固，所以沒有動力實現這個外掛程式！

autoxjs入門 高階開發環境搭建