浙江某男子對多端應用開發工具HBuilderX在windows下安裝的解說

ataola發表於2023-02-03

同學,學uni-app好啊,大致上寫一套程式碼能生成這麼多個平臺的應用,我簡單念一下,它們分別是Android應用、IOS應用、Web應用、微信小程式、支付寶小程式、百度小程式、位元組跳動小程式、快應用、qq小程式、360小程式、快手小程式、飛書小程式、釘釘小程式、京東小程式。

哇偶!好好好,圖省力那你學它吧,嘿嘿嘿,我們先從安裝教程講起,我們先來看看在Windows下怎麼安裝HBuilderX這個美麗的軟體。

老規矩,拍拍手?,上菜。

安裝和執行專案教程

第一步,我們開啟網址https://www.dcloud.io/hbuilderx.html 開始做題,如果你是windows使用者選圖中A或者B,如果你是mac使用者選C,如果你是unix或者Linux使用者,沒有這個選項,棄題吧!!!不棄題你就去跟DCloud公司提需求,快點開發Linux下的開發者工具。

第二步,找到這個剛才下載的軟體,然後把滑鼠雙擊左鍵給我點起來,哦,是個免安裝的快捷版本啊,那等一下,我先想想。

第三步,我想好了,我給它放這裡,那麼對於同學你呢,我建議啊,你選個非系統盤,然後新建一個資料夾,再然後呢,把檔案拷過去,具體的如下,哈哈哈哈,這是可以播的嘛。

第四步,找到這個綠色的H5字型屎白色的這個圖示名字叫“HBuilder.exe”的檔案,然後右鍵傳送快捷方式到桌面,這樣子的好處是,你下次就可以不用點選到這個裡面了,可以在桌面開啟。

第五步,我們看一下效果吧,你會發現這個exe檔案的快捷方式名字太拖沓,滑鼠點一下,給它命名為HBuilderX,我們雙擊看下DCloud做的產品長啥樣吧。

第六步,看到了嗎,雙擊後長這樣,又到了做選擇題的時候,有ABC三個三個選項,我選C,這個又騷又酷黑的顏色豔麗的,然後呢,快捷鍵我們選擇這個宇宙最好用的輕量級編輯器VS Code。

第七步,這裡小編簡單地演示下,我選擇匯入,然後選擇本地專案

第八步,AB瞄一眼,直接點C走下一步。

第九步,我們選擇執行,然後執行到小程式模擬器,然後選擇微信開發者工具。

第十步,把你電腦微信開發者工具安裝好的路徑告訴DCloud公司開發的軟體,點選確定。

你看到了麼,DCloud公司有個春招的廣告,然後開始進行下載軟體相關的編譯工具了。

鬧你看,這個下載成功就好了,它叫我們重新執行一次。

看到有這個報錯,沒關係的,它自己會好的。

然後再看到這個報錯,這個要人為干預一下,它不會自己好的,具體的往下面看吧

然後就會定位到這個貼子,其它都別看了別看了,看打勾那一句就好了。

試試看能不能找到它,有!!!

找到就好了,意思一下探索發現吃吃瓜好啦,都2023年了,再過不久自動駕駛都量產批發上市場了,還在那裡用手動擋,直接開啟微信開發者工具,GUI手動擋走一遍麼好了嘍。

開啟微信開發者工具,然後點選設定然後再點選安全設定。

把它們都開起來,伺服器埠,允許獲取工具登入票據。

好,執行成功,今天的教程就講到這裡,下班了下班了,星期五去看電影吧。

最後

額,寫完了,最後留個思考題,我弱弱地提個問題,那麼用這個軟體建立的專案沒有package.json,假如說啊,我要用vscode去把它開啟並且跑起來要怎麼做,知道的大佬請回答一下或者貼一些有用的連線,感謝!

相關文章