Snippets para acelerar el desarrollo de proyectos en Cycle Integrated Services directamente desde Visual Studio Code.
Este paquete está diseñado para facilitar la creación rápida de estructuras HTML reutilizables y componentes comunes utilizados en los proyectos de Cycle, mejorando la productividad del equipo y estandarizando el código.
🧩 ¿Qué incluye?
Snippets personalizados listos para usar.
Componentes típicos como CycleList, ya configurados para copiar y pegar.
Ahorro de tiempo en la creación de listas genéricas, estructuras repetitivas y más.
Sintaxis clara, organizada y fácil de entender.
✨ Ejemplo de uso
Solo escribe el prefijo del snippet y VS Code te sugerirá el bloque.
Por ejemplo:
Tabla de Snippets
Snippet
Prefix
Descripción
CycleList
cycleList
Contenedor con lista y tabla preconfigurada
CycleBuscador
cycleBuscador
Buscador genérico con respuesta como parámetro editable
AngularComponent
ngComponent
Componente Angular básico con selector, template y estilos
AbrirSeguimientoFilter
seguimientoFilter
Llama a abrirSeguimiento con módulo, ID y filtro aplicado
AbrirSeguimiento
seguimiento
Llama a abrirSeguimiento con módulo e ID
MostrarMensajeExito
mensajeExito
Muestra mensaje de operación exitosa usando avisoService
FiltrarTablaDataView
onFilter
Filtra registros en un DataView desde un input
AbrirModal
openModal
Abre un modal para crear y refresca la lista al cerrar
ConfirmarEliminar
confirmDelete
Confirma eliminación con mensaje y refresh
Destructuring
destr
Destructuración de propiedades desde un objeto
DestructuringFormGroup
destrForm
Destructuración de propiedades desde un FormGroup
GetCampoForm
getCampoForm
Obtiene un campo del formulario usando this.form.get()
GetWithPromise
getPromise
Método GET público que obtiene datos usando firstValueFrom
PostWithPromise
postPromise
Método POST usando firstValueFrom
PutWithPromise
putPromise
Método PUT usando firstValueFrom
DeleteWithPromise
deletePromise
Método DELETE usando firstValueFrom
ServiceExtendsRepository
ngServiceRepo
Servicio Angular que extiende de un repositorio
DeclareFormGroup
formVariable
Declara e inicializa un FormGroup usando el método new()
FormGroupRepository
repoComponent
Clase tipo repositorio que retorna un FormGroup
AngularEnum
ngEnum
Enum TypeScript básico
AngularInterface
ngInterface
Interface TypeScript simple
NgModuleBasic
ngModule
NgModule básico
NgRoutingModule
ngRoutingModule
Routing Module para lazy loading
NgPipe
ngPipe
Pipe personalizado Angular
VerPdfReporte
VerPdfReporte
Funcion Generica Abrir Reporte
🛠️ Requisitos
Visual Studio Code versión ^1.98.0 o superior.
📦 Instalación
Puedes instalar esta extensión directamente desde el Marketplace: