1. mapa del sitio.json
Enlace:
En el miniprograma WeChat, haga clic en "Buscar miniprograma" e ingrese palabras clave para ver muchas recomendaciones. Lo que se establece en desc aquí son las palabras clave del pequeño programa que diseñamos, como se muestra en la siguiente figura.
El miniprograma diseñado puede tener muchas interfaces y los derechos de acceso de cada interfaz se establecen en reglas, como se muestra en la figura.
2.project.config.json y project.private.config.json
Enlace:
Archivo de configuración del proyecto | Documento abierto de WeChat (qq.com)
Estos dos corresponden a "Configuración local" en "Detalles"
Project.config.json contiene la configuración predeterminada del sistema al crear un proyecto.
Project.private.config.json contiene la configuración recién seleccionada por el desarrollador. Como se muestra en la figura, se encuentra la configuración "sin verificación" mencionada anteriormente. Cabe señalar que "urlCheck" en el código se refiere a verificación, por lo que cuando flase significa sin verificación, significa lo mismo que verificar para no verificar.
Cabe señalar que la información de configuración en project.private.config.json tiene una prioridad más alta que la de project.config.json, por lo que cuando desee restaurar la configuración original, simplemente elimine la información en project.private.config. json.
3. aplicación.wxss
En el desarrollo de los miniprogramas WeChat, los nombres de los sufijos de muchas cosas se cambiaron y se reemplazaron con "wx", que es la abreviatura de "WeChat", pero no hay mucha diferencia en el uso. Por ejemplo, "wxss" equivale a "css".
Cabe señalar que, aunque existen selectores de etiquetas y selectores de identificación, se recomienda oficialmente utilizar únicamente selectores de clases. Cree un contenedor de clase como se muestra en la figura y configúrelo en la clase.
4、aplicación.json
Enlace:
Configuración global | Documentación abierta de WeChat (qq.com)
También es un archivo de configuración. Project.config.json y project.private.config.json mencionados anteriormente configuran todo el proyecto, como la sintaxis que sigue todo el proyecto, si se requiere verificación de seguridad para el acceso y otras configuraciones. Y app.json es para la configuración del proyecto.
5. aplicación.js
La entrada del proyecto se ha resumido en el mini programa. Cabe señalar que {} en la aplicación ({}) se puede usar cuando es necesario pasar parámetros, por ejemplo, si desea personalizar la configuración.
6、eslintrc.js
Enlace:
Configurar ESLint - ESLint - Linter JavaScript conectable
ESLint es una herramienta para detectar y corregir errores, convenciones y problemas de estilo del código JavaScript. Puede ayudar a los desarrolladores a mejorar la calidad y la estandarización del código durante el proceso de codificación.
.eslintrc.js es el archivo de configuración de ESLint, que se utiliza para especificar las opciones de configuración de ESLint. Por ejemplo, puede establecer especificaciones de estilo de código en este archivo, como sangría, uso de comillas, convenciones de nomenclatura, etc. También puede configurar reglas personalizadas o utilizar complementos proporcionados por bibliotecas de terceros para ampliar la funcionalidad de ESLint.
El sistema está predeterminado y no es necesario cambiarlo.
7 、 páginas
En las carpetas debajo de las páginas, cada carpeta contiene hasta cuatro archivos (.js/.json/.wxml/.wxss) y los nombres de los archivos son los mismos que los de las carpetas, pero los sufijos son diferentes.
.js: archivo de entrada de página, similar a app.js
.json: configuración de la página, consulte Configuración de la página | Documento abierto de WeChat (qq.com)
.wxml: configuración de página
.wxss: selector de clases personalizado; similar a app.wxss
Cuando desee crear una nueva página, puede hacerlo a través del archivo de configuración global app.json, que simplifica los pasos de crear manualmente una carpeta y luego crear manualmente cuatro archivos. Como se muestra en la figura, Ctrl+S guarda para generar una nueva carpeta.
Establezca el orden de acceso prioritario para varias páginas:
① Modificación directa, quien accede primero
②Agregar modo de compilación
La "compilación normal" es el orden de apertura predeterminado. Agregar el modo de compilación es establecer el orden de apertura especificado.
Para una visualización más sencilla, puede cambiarle el nombre en "Nombre de modo" al agregar un modo de compilación; de lo contrario, el nombre predeterminado es la ruta de la página.