<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Visual Studio Code Archives - Iván Andréi</title>
	<atom:link href="https://www.ivanandrei.com/tag/visual-studio-code/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>Una bina en binarios</description>
	<lastBuildDate>Fri, 02 Jul 2021 15:35:05 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://www.ivanandrei.com/wp-content/uploads/2019/10/cropped-ia_icon-32x32.png</url>
	<title>Visual Studio Code Archives - Iván Andréi</title>
	<link></link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Eliminar saltos de línea en Visual Studio Code</title>
		<link>https://www.ivanandrei.com/eliminar-saltos-de-linea-en-visual-studio-code/</link>
					<comments>https://www.ivanandrei.com/eliminar-saltos-de-linea-en-visual-studio-code/#respond</comments>
		
		<dc:creator><![CDATA[Ivan]]></dc:creator>
		<pubDate>Tue, 16 Mar 2021 15:17:12 +0000</pubDate>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Visual Studio Code]]></category>
		<guid isPermaLink="false">https://www.ivanandrei.com/?p=6777</guid>

					<description><![CDATA[Sepa como eliminar todos los saltos de línea de una manera rápida y sencilla en Visual Studio Code con un parámetro en buscar y reemplazar. Quizás este artículo no sea de mucha ayuda a los programadores, pero para otros usuarios será muy útil cuando se necesite editar ciertos tipos de archivos que no tienen nada [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Sepa como eliminar todos los saltos de línea de una manera rápida y sencilla en Visual Studio Code con un parámetro en buscar y reemplazar.</p>



<p>Quizás este artículo no sea de mucha ayuda a los programadores, pero para otros usuarios será muy útil cuando se necesite editar ciertos tipos de archivos que no tienen nada que ver con la programación. Un ejemplo real son con los archivos PEM o CRT que guardan las claves públicas o privadas para instalar certificados SSL. Estos archivos tienen desde el principio hasta el final, los saltos de línea que generan ciertos tipos de errores cuando se desea instalar estos certificados en un servidor web. Para no estar eliminando uno por uno estos estos saltos de líneas, felizmente se puede eliminar todos estos saltos con un parámetro en la opción de <strong>«Buscar y reemplazar»</strong>.</p>



<h2 class="wp-block-heading">Eliminar saltos de línea en Visual Studio Code</h2>



<p>1. Abra el documento que desea eliminar todos los saltos de línea en <a href="https://www.ivanandrei.com/tag/visual-studio-code/" target="_blank" rel="noreferrer noopener">Visual Studio Code</a>.</p>



<p>2. Presione <strong>«CTRL + F»</strong> para que se muestre una miniventana en la parte superior derecha y luego haz clic en la flechita para desplegar más opciones.</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="464" src="http://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-buscar-1024x464.png" alt="Visual Studio Code - Buscar" class="wp-image-6781" srcset="https://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-buscar-1024x464.png 1024w, https://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-buscar-150x68.png 150w, https://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-buscar-600x272.png 600w, https://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-buscar-500x227.png 500w, https://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-buscar-768x348.png 768w, https://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-buscar.png 1088w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>3. En el campo <strong>«Buscar»</strong> colocas la siguiente expresión <strong>«$\n»</strong> y el campo <strong>«Reemplazar»</strong> lo dejas en blanco. Luego y el más importe es seleccionar la opción que dice <strong>«Usar expresión regular»</strong> que está al lado del campo <strong>«Buscar»</strong> (3ra opción) como se muestra en la imagen del paso 4.</p>



<p>4. Notarás que los saltos de línea quedan resaltados como una previsualización de los cambios que se verán afectados.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="956" height="501" src="http://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-eliminar-saltos-de-linea.png" alt="Visual Studio Code - Eliminar saltos de línea" class="wp-image-6782" srcset="https://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-eliminar-saltos-de-linea.png 956w, https://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-eliminar-saltos-de-linea-150x79.png 150w, https://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-eliminar-saltos-de-linea-600x314.png 600w, https://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-eliminar-saltos-de-linea-500x262.png 500w, https://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-eliminar-saltos-de-linea-768x402.png 768w" sizes="(max-width: 956px) 100vw, 956px" /></figure>



<p>5. Para aplicar los cambios, debes presionar el botón <strong>«Reemplazar todos»</strong>.</p>



<p>6. Verás que todos los saltos de línea son borrados y quedan en una sola línea.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="317" src="http://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-saltos-de-linea-eliminados-1024x317.png" alt="Visual Studio Code - Saltos de línea eliminados" class="wp-image-6783" srcset="https://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-saltos-de-linea-eliminados-1024x317.png 1024w, https://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-saltos-de-linea-eliminados-150x46.png 150w, https://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-saltos-de-linea-eliminados-600x185.png 600w, https://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-saltos-de-linea-eliminados-500x155.png 500w, https://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-saltos-de-linea-eliminados-768x237.png 768w, https://www.ivanandrei.com/wp-content/uploads/2021/03/visual-studio-code-saltos-de-linea-eliminados.png 1087w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>7. Finalmente, guarda los cambios y listo.</p>



<p>Espero te haya sido útil este artículo para que puedas solucionar estos problemas de los saltos de línea. No olvides dejar un comentario si tienes alguna duda y pueda ayudarte.</p>



<p><strong>Referencia:</strong> <a href="https://stackoverflow.com/questions/35312194/replace-line-breaks/46949764" target="_blank" rel="noreferrer noopener">Stack Overflow</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ivanandrei.com/eliminar-saltos-de-linea-en-visual-studio-code/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Editor de código Visual Studio Code para el desarrollo web</title>
		<link>https://www.ivanandrei.com/editor-de-codigo-visual-studio-code-para-el-desarrollo-web/</link>
					<comments>https://www.ivanandrei.com/editor-de-codigo-visual-studio-code-para-el-desarrollo-web/#respond</comments>
		
		<dc:creator><![CDATA[Ivan]]></dc:creator>
		<pubDate>Tue, 29 Oct 2019 07:10:46 +0000</pubDate>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Visual Studio Code]]></category>
		<guid isPermaLink="false">https://www.ivanandrei.com/?p=5723</guid>

					<description><![CDATA[Visual Studio Code es un editor de código para el desarrollo web y con soporte a varios lenguajes de programación gracias a sus extensiones. Si has estado buscando un buen editor de código que ofrezca la capacidad de resaltado de sintaxis de acuerdo al lenguaje de programación que usas, la integración con el repositorio GitHub [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Visual Studio Code es un editor de código para el desarrollo web y con soporte a varios lenguajes de programación gracias a sus extensiones.</p>



<p>Si has estado buscando un buen editor de código que ofrezca la capacidad de resaltado de sintaxis de acuerdo al lenguaje de programación que usas, la integración con el repositorio GitHub y de programar de manera mucho más rápida gracias al autocompletado de IntelliSense y las abreviaciones de Emmet, Microsoft tiene la aplicación que necesitabas con Visual Studio Code.</p>



<h2 class="wp-block-heading">Editor de código Visual Studio Code para el desarrollo web</h2>



<p>Con Visual Studio Code puedes desarrollar desde HTML hasta el lenguaje de programación que necesites. Solo necesitarás descargar la extensión necesaria para tu lenguaje de programación, aplicar cierta configuración, reiniciar Visual Studio Code y listo.</p>



<p>La aplicación es totalmente gratuita, solamente tienes que descargar, instalar y listo. El enlace lo encontrarás al final del artículo.</p>



<p>He aquí algunos consejos que puedes hacer para trabajar cómodamente con Visual Studio Code:</p>



<ul class="wp-block-list"><li><a href="#Cambiar el idioma de Visual Studio Code al espanol">Cambiar el idioma de Visual Studio Codel al español</a></li><li><a href="#Activar Intellisense y colores de las etiquetas HTML">Activar Intellisense y colores de las etiquetas HTML</a></li><li><a href="#Como hacer para que Intellisense muestre todas mis clases CSS">Como hacer para que Intellisense muestre todas mis clases CSS</a></li><li><a href="#Salto de linea en Visual Studio Code">Salto de linea en Visual Studio Code</a></li><li><a href="#Abrir página en navegador">Abrir página en navegador</a></li></ul>



<h5 class="wp-block-heading"><a id="Cambiar el idioma de Visual Studio Code al espanol">Cambiar el idioma de Visual Studio Code al español</a></h5>



<ul class="wp-block-list"><li>Tienes que instalar una extensión. En la sección <strong>«Extensiones»</strong>, búscalo con el término <strong>«Spanish Language for Visual Studio Code»</strong>.</li></ul>



<div class="wp-block-image"><figure class="aligncenter"><a href="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-en-español.png" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="580" height="360" src="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-en-español.png" alt="Visual Studio Code editor de código para desarrollo web en español" class="wp-image-5826" srcset="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-en-español.png 580w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-en-español-500x310.png 500w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-en-español-150x93.png 150w" sizes="auto, (max-width: 580px) 100vw, 580px" /></a></figure></div>



<h5 class="wp-block-heading"><a id="Activar Intellisense y colores de las etiquetas HTML">Activar Intellisense y colores de las etiquetas HTML</a></h5>



<ul class="wp-block-list"><li>Visual Studio Code utiliza el complemente de Emmet para escribir rápidamente CSS y HTML, para que se active, debes primero guardar el archivo con la extensión correcta HTML o del lenguaje que estás trabajando.</li><li>Una vez guardado, verás que si escribes solamente «html:5» y presionar «Enter», automáticamente se generará el código básico de una página web que es su encabezado y cuerpo.</li></ul>



<div class="wp-block-image"><figure class="aligncenter is-resized"><a href="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-intellisense-emmet.png" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" src="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-intellisense-emmet.png" alt="Visual Studio Code editor de código para desarrollo web con emmet" class="wp-image-5824" width="836" height="308" srcset="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-intellisense-emmet.png 836w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-intellisense-emmet-500x184.png 500w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-intellisense-emmet-768x283.png 768w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-intellisense-emmet-600x221.png 600w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-intellisense-emmet-150x55.png 150w" sizes="auto, (max-width: 836px) 100vw, 836px" /></a></figure></div>



<div class="wp-block-image"><figure class="aligncenter is-resized"><a href="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-emmet.png" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" src="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-emmet.png" alt="Visual Studio Code editor de código para desarrollo web con emmet" class="wp-image-5825" width="956" height="348" srcset="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-emmet.png 956w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-emmet-500x182.png 500w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-emmet-768x280.png 768w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-emmet-600x218.png 600w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-emmet-150x55.png 150w" sizes="auto, (max-width: 956px) 100vw, 956px" /></a></figure></div>



<h5 class="wp-block-heading"><a id="Como hacer para que Intellisense muestre todas mis clases CSS">Como hacer para que Intellisense muestre todas mis clases CSS</a></h5>



<ul class="wp-block-list"><li>Instala la extensión «HTML CSS Support» o similar.</li></ul>



<div class="wp-block-image"><figure class="aligncenter is-resized"><a href="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-html-css-support.png" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" src="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-html-css-support.png" alt="Visual Studio Code - html css support" class="wp-image-5828" width="1000" height="288" srcset="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-html-css-support.png 1000w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-html-css-support-500x144.png 500w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-html-css-support-768x221.png 768w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-html-css-support-600x173.png 600w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-html-css-support-150x43.png 150w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></a></figure></div>



<h5 class="wp-block-heading"><a id="Salto de linea en Visual Studio Code">Salto de linea en Visual Studio Code</a></h5>



<ul class="wp-block-list"><li>Debes ir al menú «Ver» y seleccionar «Alternar ajuste automático de linea».</li></ul>



<div class="wp-block-image"><figure class="aligncenter is-resized"><a href="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-ajuste-de-linea.png" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" src="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-ajuste-de-linea.png" alt="Visual Studio Code - Ajuste de linea" class="wp-image-5829" width="567" height="559" srcset="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-ajuste-de-linea.png 567w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-ajuste-de-linea-500x493.png 500w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-ajuste-de-linea-150x148.png 150w" sizes="auto, (max-width: 567px) 100vw, 567px" /></a></figure></div>



<h5 class="wp-block-heading"><a id="Abrir página en navegador">Abrir página en navegador</a></h5>



<p>Visual Studio Code no tiene la opción una tecla de atajo que muestre el resultado de tu código en el navegador, para ello necesitarás de la instalación de una extensión llamada <strong>«Open in browser»</strong>. Una vez instalado, tienes que hacer clic derecho sobre tu página y seleccionar la opción <strong>«Open in browser»</strong>.</p>



<div class="wp-block-image"><figure class="aligncenter is-resized"><a href="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-open-in-browser.png" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" src="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-open-in-browser.png" alt="Visual Studio Code - Open in browser extensión" class="wp-image-5830" width="884" height="298" srcset="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-open-in-browser.png 884w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-open-in-browser-500x169.png 500w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-open-in-browser-768x259.png 768w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-open-in-browser-600x202.png 600w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-open-in-browser-150x51.png 150w" sizes="auto, (max-width: 884px) 100vw, 884px" /></a></figure></div>



<div class="wp-block-image"><figure class="aligncenter is-resized"><a href="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-open-in-browser-menu.png" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" src="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-open-in-browser-menu.png" alt="Visual Studio Code - Open in browser" class="wp-image-5831" width="710" height="607" srcset="https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-open-in-browser-menu.png 710w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-open-in-browser-menu-500x427.png 500w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-open-in-browser-menu-600x513.png 600w, https://www.ivanandrei.com/wp-content/uploads/2019/10/visual-studio-code-open-in-browser-menu-150x128.png 150w" sizes="auto, (max-width: 710px) 100vw, 710px" /></a></figure></div>



<p>¿Que opinas de Visual Studio Code? ¿Te animas a usarlo o tienes otras aplicación favorita?</p>



<p><strong>Descarga:</strong> <a rel="noreferrer noopener" aria-label="Visual Studio Code (opens in a new tab)" href="https://code.visualstudio.com/" target="_blank">Visual Studio Code</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ivanandrei.com/editor-de-codigo-visual-studio-code-para-el-desarrollo-web/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
