<?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/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>framework Archives - Hiago Silva Souza</title>
	<atom:link href="https://www.hiago.me/tag/framework/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.hiago.me/tag/framework/</link>
	<description></description>
	<lastBuildDate>Tue, 05 Jun 2018 23:51:53 +0000</lastBuildDate>
	<language>pt-BR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.5.5</generator>

<image>
	<url>https://www.hiago.me/wp-content/uploads/2019/01/cropped-icon-hiagus-2-32x32.png</url>
	<title>framework Archives - Hiago Silva Souza</title>
	<link>https://www.hiago.me/tag/framework/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">147457425</site>	<item>
		<title>Depurar sua aplicação NestJS com o VSCode</title>
		<link>https://www.hiago.me/2018/06/05/depurar-sua-aplicacao-nestjs-com-o-vscode/</link>
					<comments>https://www.hiago.me/2018/06/05/depurar-sua-aplicacao-nestjs-com-o-vscode/#comments</comments>
		
		<dc:creator><![CDATA[Hiago Souza]]></dc:creator>
		<pubDate>Tue, 05 Jun 2018 23:51:53 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[NodeJS]]></category>
		<category><![CDATA[TypeScript]]></category>
		<category><![CDATA[debug]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[nestjs]]></category>
		<category><![CDATA[type-script]]></category>
		<category><![CDATA[visual studio]]></category>
		<category><![CDATA[visual studio code]]></category>
		<category><![CDATA[vscode]]></category>
		<guid isPermaLink="false">https://www.hiago.me/?p=316</guid>

					<description><![CDATA[<p>No meu último post, apresentei a vocês o NestJS. Hoje vou mostrar para vocês como depurar sua aplicação NestJS com o VSCode. Configurando seu VSCode [wp_ad_camp_3] Primeiro abra seu projeto com o Visual Studio Code após isso vá até o menu de Debug (ctrl + shift + D). Segundo clique sobre a engrenagem ao lado &#8230;</p>
<p>The post <a href="https://www.hiago.me/2018/06/05/depurar-sua-aplicacao-nestjs-com-o-vscode/">Depurar sua aplicação NestJS com o VSCode</a> appeared first on <a href="https://www.hiago.me">Hiago Silva Souza</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>No meu <a href="https://www.hiago.me/2018/05/13/nestjs-uma-estrutura-nodejs-linda-e-trabalhada/" target="_blank" rel="noopener">último post</a>, apresentei a vocês o NestJS. Hoje vou mostrar para vocês como depurar sua aplicação NestJS com o VSCode.</p>
<h1>Configurando seu VSCode</h1>
<p>[wp_ad_camp_3]</p>
<ol>
<li>Primeiro abra seu projeto com o Visual Studio Code após isso vá até o menu de Debug (ctrl + shift + D).<img fetchpriority="high" decoding="async" class="alignnone size-medium wp-image-317" src="https://www.hiago.me/wp-content/uploads/2018/06/debug-vscode-300x238.png" alt="Imagem com o local do debug." width="300" height="238" srcset="https://www.hiago.me/wp-content/uploads/2018/06/debug-vscode-300x238.png 300w, https://www.hiago.me/wp-content/uploads/2018/06/debug-vscode.png 666w" sizes="(max-width: 300px) 100vw, 300px" /></li>
<li>Segundo clique sobre a engrenagem ao lado do combobox. <img decoding="async" class="alignnone size-medium wp-image-318" src="https://www.hiago.me/wp-content/uploads/2018/06/debug-vscode-config-294x300.png" alt="Imagem demonstrando engrenagem para configuração do Debug" width="294" height="300" srcset="https://www.hiago.me/wp-content/uploads/2018/06/debug-vscode-config-294x300.png 294w, https://www.hiago.me/wp-content/uploads/2018/06/debug-vscode-config.png 556w" sizes="(max-width: 294px) 100vw, 294px" /></li>
<li>Terceiro clique sobre a opção NodeJS</li>
</ol>
<p>Após concluir o terceiro passo vai ser aberto um arquivo chamado <strong>launch.json (</strong>caso pergunte alguma outra informação selecione algum modelo do NodeJS) e substitua o conteúdo que tem nele pelo conteúdo abaixo:</p>
<pre class="brush: jscript; title: ; notranslate">
{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    &quot;version&quot;: &quot;0.2.0&quot;,
    &quot;configurations&quot;: &#x5B;
        {
            &quot;type&quot;: &quot;node&quot;,
            &quot;request&quot;: &quot;launch&quot;,
            &quot;name&quot;: &quot;Depurar Projeto&quot;,
            &quot;protocol&quot;: &quot;inspector&quot;,
            &quot;args&quot;: &#x5B;&quot;${workspaceRoot}\\src\\main.ts&quot;],
            &quot;cwd&quot;: &quot;${workspaceRoot}&quot;,
            &quot;runtimeArgs&quot;: &#x5B;
                &quot;-r&quot;,
                &quot;ts-node/register&quot;
            ],
            &quot;internalConsoleOptions&quot;: &quot;openOnSessionStart&quot;
        }
    ]
}
</pre>
<p>Agora é só salvar o conteúdo e seu VSCode já vai estar configurado para depurar aplicações NodeJS + TypeScript usando o Framework NestJS.</p>
<h1>Depurando a Aplicação</h1>
<p>[wp_ad_camp_2]</p>
<p>Agora você já pode colocar seus breakpoints em seu código (clicando no espaço antes do número da linha) pressionar a tecla F5 em seu teclado e ser feliz!</p>
<p>Observação: Caso não funcione a depuração, tente reiniciar o VSCode para ele ler as configuração de Debug feitas por você, comigo não foi necessário, mas pode ser que aconteça.</p>
<p><img decoding="async" class="alignnone size-medium wp-image-328" src="https://www.hiago.me/wp-content/uploads/2018/06/debug-vscode-exemplo-300x200.png" alt="Imagem demonstando o resultado dos passos aqui executados." width="300" height="200" srcset="https://www.hiago.me/wp-content/uploads/2018/06/debug-vscode-exemplo-300x200.png 300w, https://www.hiago.me/wp-content/uploads/2018/06/debug-vscode-exemplo-768x513.png 768w, https://www.hiago.me/wp-content/uploads/2018/06/debug-vscode-exemplo.png 937w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<h1>Conclusão</h1>
<p>[wp_ad_camp_1]</p>
<p>Com pequenos passos configuramos o ambiente para facilitar nossa vida no trabalho. Escrevi esse post, pois eu fiquei um bom tempo depurando as aplicações usando o <strong>chrome://inspect </strong>e o fato de ficar alternando entre as janelas, tanto para fazer alteração de código quanto para analisar uma informação me incomodava bastante.</p>
<p>&nbsp;</p>
<p>Obrigado e até mais 😉</p>
<p>&nbsp;</p>
<p>The post <a href="https://www.hiago.me/2018/06/05/depurar-sua-aplicacao-nestjs-com-o-vscode/">Depurar sua aplicação NestJS com o VSCode</a> appeared first on <a href="https://www.hiago.me">Hiago Silva Souza</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.hiago.me/2018/06/05/depurar-sua-aplicacao-nestjs-com-o-vscode/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">316</post-id>	</item>
	</channel>
</rss>
