Shulou(Shulou.com)05/31 Report--

This article mainly introduces the relevant knowledge of how to apply WeChat Mini Programs, the content is detailed and easy to understand, the operation is simple and fast, and has a certain reference value. I believe everyone will gain something after reading this WeChat Mini Programs article on how to apply it. Let's take a look.

Use steps

Clone the warehouse locally:

Bash $git clone https://github.com/zce/weapp-demo.git weapp-douban-- depth 1$ cd weapp-douban

Open Wechat Web Open tool (Note: must be version 0.9.092300)

It must be version 0.9.092300. The previous version cannot guarantee normal operation.

There is no need for so-called cracking, the so-called cracking on the Internet is only for the previous version 0.9.092100, the new official version does not need to be cracked, does not need to be cracked!

Download link (official version, feel free to download): https://pan.baidu.com/s/1qYld6Vi

Wechat_web_devtools_0.9.092300_x64.exe (Windows 64-bit)

Wechat_web_devtools_0.9.092300_ia32.exe (Windows 32-bit)

Wechat_web_devtools_0.9.092300.dmg (macOS)

1. Select to add items, fill in or select the appropriate information

AppID: there is no AppID in the lower right corner (I am not qualified either. It is said that the quota was handpicked by Xiao long)

Project name: fill in casually, because it doesn't involve deployment, so it doesn't matter

Project directory: select the folder you just cloned

Click to add items

Happy New Year, Kung Hei Fat Choy

You can choose to code in the Wechat Web Open tool (or you can choose your favorite editor)

1. Refresh the encoded preview through the restart button in the lower left corner

2.Bash users can quickly create files required for new components by executing the following command in the project directory:

Bash $. / generate page # or $. / generate component

The rest are free to play.

Basic course of WeChat Mini Programs (continuously updated)

Create a project folder and create basic required files

App.js

The project main entry file (used to create application objects) / / App function is a global function Used to create the application object App ({/ / = global data object (shared throughout the application) = globalData: {...}, / / = application global method = method1 (p1, p2) {.}, method2 (p1, p2) {.}, / = Lifecycle method = / / trigger onLaunch () {...} when the application starts / / trigger onShow () {...} when the application enters the foreground display state, / / trigger onHide () {...} when the application enters the background state)

App.json

Project configuration declaration file (specify some information about the project, such as navigation bar style color, etc.)

{/ / which pages the current program consists of (the first item defaults to the initial page) / / all components or pages used must be reflected here / / https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#pages "pages": [.] / / Application window Settings / / https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#window "window": {.}, / Application Navigation Bar Settings / / https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#tabBar "tabBar": {.} / / Network timeout setting / / https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#networkTimeout "networkTimeout": {}, / / whether to output debugging information on the console / / https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#debug "debug": true} this is the end of the article on "how to apply WeChat Mini Programs" Thank you for reading! I believe you all have a certain understanding of "how to apply WeChat Mini Programs" knowledge. If you want to learn more knowledge, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.