Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Cycle SnippetsNew to Visual Studio Code? Get it now.
Cycle Snippets

Cycle Snippets

Juan E.Caicedo Valencia

|
8 installs
| (2) | Free
Cycle Integrated Services Snippets
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🚀 cycle-snippets

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:

👉 cycle-snippets en Visual Studio Marketplace

O usando el comando en la terminal:

code --install-extension JuanCaicedo485995.cycle-snippets


  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft