Red de conocimiento informático - Problemas con los teléfonos móviles - Gestión visual y análisis de principios del andamiaje del complemento vscode

Gestión visual y análisis de principios del andamiaje del complemento vscode

Hablando de andamios, puede pensar en varios xxx-cli. Este artículo presenta otra forma: a través del complemento vscode, que proporciona operaciones visuales web, como se muestra a continuación:

A continuación se describe cómo. instalación y uso, y principios de implementación.

vscode instala el complemento lowcode. Este complemento es una herramienta eficiente. Para más funciones, puede ver la documentación.

Después de instalar el complemento, abra la interfaz de scaffolding. Los pasos son los siguientes:

Puede utilizar el scaffolding compartido directamente marcando la opción para crearlo directamente:

p>

En el directorio raíz del proyecto de plantilla Para crear el archivo lowcode.scaffold.config.json, debe reemplazar dinámicamente el contenido del archivo y el sufijo es .ejs.

Cree el archivo lowcode.scaffold.config.json en el directorio raíz del proyecto de plantilla.

sintaxis ejs

Una configuración completa de lowcode.scaffold.config.json:

formSchema:

formSchema.schema es x-render modo exportado por el diseñador del formulario. formSchema.formData son los datos predeterminados para el formulario

Los datos del formulario se pasarán a la plantilla ejs al crear y compilar el proyecto.

excluirCompile: configura carpetas o archivos que no necesitan ser compilados por ejs.

conditionFiles: al crear un proyecto, elimine ciertas carpetas o archivos del proyecto según el valor de la entrada del formulario, por ejemplo:

Cuando la entrada del formulario lint es falsa, cuando se crea el proyecto Las carpetas o archivos configurados ".eslintrc.js", ".prettierrc.js" serán excluidos del proyecto.

/lowcode-scaffold/lowcode-mock

Envíe el scaffolding al repositorio de git, asegurándose de abrir el proyecto al acceso público.

Modifique el contenido index.json en el repositorio y envíelo.

Otras características del complemento se presentarán en el próximo episodio y se proporcionará el código fuente del complemento: /lowcoding/lowcode-vscode.