One . Create wechat applet

1. Create applet configuration

2. Description of applet project file

2.1 project.config.json Modify the project name and appid

project.config.json ( Manually modify appid, Project name projectname)
The configuration here basically does not need to be changed manually , adopt

Check the corresponding content to modify .

2.2 sitemap.json

In the applet root directory sitemap.json This file is used to configure whether the applet and its page can be indexed by wechat , The content of the document is a JSON object , without sitemap.json , All pages are allowed to be indexed by default

Wechat has now opened the search in the applet , Developers can use sitemap.json To configure , Or manage the background page collection switch to configure whether wechat index is allowed for its applet page .
When developers allow wechat indexing , Wechat will take the form of a crawler , Index the page content of the applet . When the user's search term triggers the index , The page of the applet will probably be displayed in the search results .

2.3 app

app application Abbreviation , The main component of rendering

app.js

Register the entire applet Application
Register applet . Accept one Object Parameters , It specifies the life cycle callback of the applet, etc .

App (Object object) , Must be in app.js Call in , Must call and can only call once . Otherwise, there will be unexpected consequences .

and vue The life cycle of seems to be

app.json

Global configuration of wechat applet
pages Configuration page , The first one defaults to the home page , You can also use it entryPagePath Configure home page .

app.wxss

and css equally ,
Because each page has its own style file , therefore app.wxss Place a common style .

2.4 pages

Web page , Again New page When , Will automatically write the path app.json Internal pages In array

2.5 utils

• utils Tool class use
• Used to declare methods , Note included in module.exports in , Otherwise, the call will not find the method