Detailed explanation of how to build a WeChat mini program development environment

This article explains in detail the relevant information on how to build a WeChat mini program development environment. Friends who need it can refer to it

WeChat mini program is the hottest term today. Once it appeared, it really bombarded the entire world. Developers, of course, many App developers are worried about whether the arrival of WeChat mini programs will bring a cold winter to mobile Apps. As an Android developer, I don’t believe it. Even if there is, it is still very far away. future.

Regardless of whether WeChat mini programs can subvert today’s development landscape, we must accept and learn with a curious attitude. We don’t exclude new technologies, so it’s better to act than to think. Quickly build a WeChat applet development tool first. So let’s get started together.

First let’s put a dynamic picture of the demo on Github

To download the development tools, you can see the sharing on GitHub. Then you can go directly to the GitHub and find the download link to download.
Of course, I will introduce the installation sequence and problems encountered in detail here. (Next, follow these steps to install successfully (windows version))

Download the WeChat applet development tool version 0.7.0 (download link http://pan.baidu.com/s/1nuIJnBV Password: ru3h ) Because version 0.9.0 has login verification, I have been unable to log in after direct installation. It keeps prompting please bind your wechat account to the appid first. I scanned the code hundreds of times and still can’t log in (how much patience do you have)? Download 0.7 Install directly after the .0 version. The installation process is very simple. Just select the installation directory and go to the next step. After the installation is successful, log in and enter the program. You need to scan the WeChat code.

After entering, the above interface will appear and close. Then download the 0.9.0 version download link (http://pan.baidu.com/s/1hskDLZY password 46gv)

After downloading, just overwrite the installation directly (to overwrite the installation), there is no need to open it after installation Development tools, even if you want to open them, you can't get in. Because the program is not cracked. After installing the program, you need to download three js crack files to replace the corresponding files for the directory of our installation program. Directly enter the GitHub download, Github link https://github.com/gavinkwoe/weapp-ide-crack

Download the three files in the picture below

I installed the tool to the D drive. Just find the following three directories and replace the corresponding files.

D:\WeChat web developer tools\package.nw\app \dist\components\create\createstep.js

D:\WeChat web developer tools\package.nw\app\dist\stroes\projectStores.js

D:\WeChat web development Tools\package.nw\app\dist\weapp\appservice\asdebug.js

After replacing the file, you can log in successfully. After logging in, the interface is as follows

Then we click directly to add the project, and the interface after clicking

Because we do not have an internal test account, the appid can be entered casually, and the project name and development directory can be written casually. .
After filling in the information, click Add Project

OK, something magical happened, a helloworld project appeared.

Click to edit

Select the corresponding file to write the code.

debug

Click the debug button. There is a mobile terminal on the upper left where you can choose to debug. You can choose Apple, Samsung and other devices with different resolutions. There is a button to select the network on the right side of the device. You can choose wifi, 2G, 3G, and 4G networks. In the window on the right, there is a console where you can view the information printed by the console, as well as network and storage information, etc.

We click the button in the upper right corner and choose to display the console, find files, shortcut keys, sensors, rendering settings, help, etc. There are clear cache, restart applet, and buttons in the lower left corner.

By the way, GitHub has a demo. We can copy this demo to our development directory and see the effect of the WeChat applet. What we just created is a helloworld, which is too simple to see its charm.

#I put the dynamic picture in front.

Okay, I’ll briefly introduce it here. If you want to know more, please see the development documentation

http://wxopen.notedown.cn/?t=1474537660904
http://weixin-xiaochengxu.shukaiming.com/component/scroll-view.html?t=1474537659739

I hope that through this article, I can help friends in need to develop WeChat mini programs. Thank you for your support in this article. Site support!

The above is the detailed content of Detailed explanation of how to build a WeChat mini program development environment. For more information, please follow other related articles on the PHP Chinese website!