Small programs are becoming more and more popular. I think that in 2019, I spent a lot of time on small programs for the completion of the design. Now I am free to write and share the knowledge of WeChat small program development, so that the younger generation will avoid detours. Of course, I am also a beginner. Written bad welcome to correct me.
Buy the way I also take over Bishe, and teach by hand (original, please give a reward to kind people)
-------------------------------------------------- --✂-------text dividing line----------------------------------- ---------------
1. Preparation stage
Things to download:
1. WeChat Developer Tools: Stable Build | WeChat Open Documentation
2. nodejs: Node.js (it is best to download a lower version of node, I have been using version 14, rarely use 16, the new version is unstable)
3. You can download sqlyog if you need it, but I recently started using cloud development. Such a pure front-end can also develop the entire project, so I have only a half-knowledge about the back-end, and cloud development is fully satisfied.
4. vant weapp (npm download will be introduced later, it is much easier to use than weui)
2. Create a project
Open the WeChat developer tool to create a new project, create a project, appid go to the WeChat public platform to view the application, WeChat public platform ,
Steps to find appid; WeChat developer documentation ==> home page ==> there is a development setting in the middle, click to enter
After the creation is complete, enter the project, click Settings and check Use npm
Right click on the miniprogram to open the terminal
Enter npm init and press Enter
Type npm i @vant/weapp -S --production
Tools => After building npm, you can use the component library, and the rest of the component libraries are downloaded and installed in this way
3. Use the vant weapp component
Introduced in the json file
In wxml settings
The next chapter starts to develop the main interface, first develop a garbage classification system.