“This is my 37th day of participating in the First Challenge 2022. For details: First Challenge 2022”

preface

Recently, I took over a job of uni-App development. Today I have time to officially start. Here I record the process of setting up the debugging environment for uni-App development using HBuilderX.

Download and install HBuilderX

Go to the HbuilderX website and choose the version you want to download and install. I chose the App development version here.

Download and install android emulator

I use a simulator to debug, so I need to install an Android emulator. Here I choose “NetEase MuMu Simulator”, and the download address is here. After installation, start the simulator, and the interface is shown as follows:

Run the project code using the emulator

Use HbuilderX installed above to open our project code and follow the steps shown below to select the Android emulator to run the project:

A popover will pop up like this:

Click the link in the popup window to download and install wechat developer tools, and then run the project according to the above steps. The information displayed in HbuilderX terminal is as follows:

View the page in the simulator and display it normally.

Debug the project code using the simulator

Since it is development, it is inevitable to debug the code.

Based on the previous step, click the “Debug” icon in the lower right corner of HBuilderX:

If the App debugging tool has not been installed before, it will automatically install the debugging tool and run automatically after installation. The content is as follows:

You can then use JavaScript breakpoint debugging and other features in the debugging tool.

conclusion

These are the steps of setting up the debugging environment for UI-APP development using HBuilderX, wechat developer tools and Android emulator.

Learn interesting knowledge, meet interesting friends, shape interesting soul!

Hello everyone, I am the author of “programming Samadhi”, I am king Yi, my public account is “programming Samadhi”, welcome to pay attention, I hope you can give me more advice!