Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/edummorenolp/edumm-snippets
Este repositorio contiene un conjunto de snippets que he creado para facilitar el desarrollo en varios lenguajes de programación y tecnologías en Visual Studio Code.
https://github.com/edummorenolp/edumm-snippets
console git github javascript nodejs npm npm-package visual-studio-code
Last synced: 19 days ago
JSON representation
Este repositorio contiene un conjunto de snippets que he creado para facilitar el desarrollo en varios lenguajes de programación y tecnologías en Visual Studio Code.
- Host: GitHub
- URL: https://github.com/edummorenolp/edumm-snippets
- Owner: EduMMorenolp
- License: other
- Created: 2024-03-01T03:11:24.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-07-20T16:34:03.000Z (5 months ago)
- Last Synced: 2024-07-21T16:42:03.691Z (5 months ago)
- Topics: console, git, github, javascript, nodejs, npm, npm-package, visual-studio-code
- Homepage:
- Size: 67.4 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Conjunto de Snippets para Visual Studio Code
Este repositorio contiene un conjunto de snippets que he creado para facilitar el desarrollo en varios lenguajes de programación y tecnologías en Visual Studio Code.
## URL : https://marketplace.visualstudio.com/items?itemName=EduMMoreno.edumm-snippets
## Snippets incluidos
- **JavaScript**: Los snippets para JavaScript se encuentran en el archivo `javascript-snippets.code-snippets`.
- **HTML**: Los snippets para HTML se encuentran en el archivo `html-snippets.code-snippets`.
- **CSS**: Los snippets para CSS se encuentran en el archivo `css-snippets.code-snippets`.
- **Java**: Los snippets para Java se encuentran en el archivo `java-snippets.code-snippets`.
- **Python**: Los snippets para Python se encuentran en el archivo `python-snippets.code-snippets`.
- **React**: Los snippets para React se encuentran en el archivo `react-snippets.code-snippets`.
- **Node.js**: Los snippets para Node.js se encuentran en el archivo `nodejs-snippets.code-snippets`.
- **Express**: Los snippets para Express se encuentran en el archivo `javascript-snippets.code-snippets`.
## Tecnologías utilizadas
## Cómo utilizar este repositorio
### Clonar el repositorio
Puedes clonar este repositorio ejecutando el siguiente comando en tu terminal:
```bash
git clone https://github.com/EduMMorenolp/Edumm-Snippets
```
### Crear el archivo VSIX
Para empaquetar la extensión en un archivo VSIX, necesitas tener instalada la herramienta vsce. Si no la tienes instalada, puedes hacerlo mediante el siguiente comando:
```
npm install -g vsce
```
Una vez que vsce esté instalado, puedes crear el archivo VSIX ejecutando el siguiente comando en la raíz del repositorio:
```
npx vsce package
```
Esto generará un archivo .vsix en la carpeta raíz del repositorio, que puedes utilizar para instalar la extensión en Visual Studio Code.
# Instalación de la Extensión
A continuación, se detallan los pasos para instalar esta extensión en Visual Studio Code utilizando un archivo VSIX:
## Pasos
1. **Descarga del Archivo VSIX:**
- Ve a la sección de "Install" en el repositorio de esta extensión en GitHub.
- Encuentra la última versión de la extensión y descarga el archivo VSIX asociado.
2. **Instalación desde Visual Studio Code:**
- Abre Visual Studio Code.
- Ve a la pestaña de extensiones haciendo clic en el ícono de la caja en la barra lateral izquierda (o presionando `Ctrl+Shift+X`).
- Haz clic en el icono de tres puntos en la esquina superior derecha de la pestaña de extensiones.
- Selecciona "Instalar desde archivo VSIX" en el menú desplegable.
- Navega hasta la ubicación donde descargaste el archivo VSIX y selecciónalo.
- Confirma la instalación de la extensión cuando se te solicite.
3. **Comprobación de la Instalación:**
- Una vez que la instalación esté completa, deberías ver un mensaje de confirmación en la esquina inferior derecha de Visual Studio Code.
- Además, puedes comprobar si la extensión está instalada correctamente buscándola en la lista de extensiones instaladas en la pestaña de extensiones.
¡Listo! Ahora has instalado con éxito la extensión en Visual Studio Code utilizando un archivo VSIX.