\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

O que \u00e9 VSCode ?<\/strong><\/p>

VSCode \u00e9 um editor de c\u00f3digo-fonte desenvolvido pela Microsoft. \u00c9 uma ferramenta muita simples que possui uma imensa loja de extens\u00f5es.
Al\u00e9m de ser totalmente gratuito o editor \u00e9 considerado um open-source, tendo o c\u00f3digo disponibilizado no GitHub, assim permitindo \u00e0 comunidade contribuir com seu desenvolvimento e facilitando s cria\u00e7\u00e3o de novas extens\u00f5es e novas funcionalidades.<\/p>

Configurando Deluge no VSCode<\/strong><\/p>

Por padr\u00e3o o VSCode vem com o tema black, na p\u00e1gina inicial vamos selecionar no canto inferior <Configura\u00e7\u00f5es><\/strong> depois <Extensions<\/strong>><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t $\"\"$ \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Ao clicar nas extens\u00f5es vai abrir uma caixa onde est\u00e3o armazenadas todas a extens\u00f5es do VSCode, vamos selecionar no campo <Search><\/strong> vamos procurar por deluge.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t $\"\"$ \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Selecionamos <Deluge> <\/strong>e clicamos em <Install><\/b>
Obs: Se rolarmos para baixo vamos ver os detalhes da exten\u00e7\u00e3o e suas funcionalidades<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t $\"\"$ \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Depois de instalar a extens\u00e3o Deluge, vamos selecionar <File> <New File><\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t $\"\"$ \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Depois de abrir novo arquivo, vamos selecionar a linguagem que vamos desenvolver, clicamos em <Select a Language<\/strong>> procuramos por <Deluge><\/strong> e selecionamos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t $\"\"$ \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Colamos um c\u00f3digo no VSCode ele automaticamente j\u00e1 destaca algumas palavras-chaves importantes mas por padr\u00e3o ele vem com tema Dark (Visual Studio)<\/strong> e para um melhor desenvolvimento devemos selecionar\u00a0 o tema Dark + (default dark)<\/strong> com as teclas de atalho Ctrl+K+T vamos abrir o temas e seleciona-lo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t $\"\"$ \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
E assim o nosso ambiente de desenvolvimento est\u00e1 pronto para uso.
vale destacar que ate o momento o a linguagem Deluge n\u00e3o depura no VSCode, as vantagens da extens\u00e3o s\u00e3o:<\/p>
Visualizar melhor o c\u00f3digo com cada tipo de express\u00e3o destacada por uma cor diferente;<\/li>
Intellisense (auto completar) o que reduz os erros de digita\u00e7\u00e3o;<\/li>
Maior facilidade para trabalhar com c\u00f3digos longos;<\/li>
Permitir salvar e versionar o c\u00f3digo;<\/li>
Mais confort\u00e1vel para trabalhar o dia inteiro programando, pois codificar em tela de fundo branco \u00e9 bastante cansativo;<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"
O que \u00e9 VSCode ? VSCode \u00e9 um editor de c\u00f3digo-fonte desenvolvido pela Microsoft. \u00c9 uma ferramenta muita simples que possui uma imensa loja de extens\u00f5es.Al\u00e9m de ser totalmente gratuito o editor \u00e9 considerado um open-source, tendo o c\u00f3digo disponibilizado no GitHub, assim permitindo \u00e0 comunidade contribuir com seu desenvolvimento e facilitando s cria\u00e7\u00e3o de […]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-3172","post","type-post","status-publish","format-standard","hentry","category-zoho-deluge","entry"],"_links":{"self":[{"href":"https:\/\/outsmart.com.br\/wp-json\/wp\/v2\/posts\/3172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/outsmart.com.br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/outsmart.com.br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/outsmart.com.br\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/outsmart.com.br\/wp-json\/wp\/v2\/comments?post=3172"}],"version-history":[{"count":25,"href":"https:\/\/outsmart.com.br\/wp-json\/wp\/v2\/posts\/3172\/revisions"}],"predecessor-version":[{"id":3208,"href":"https:\/\/outsmart.com.br\/wp-json\/wp\/v2\/posts\/3172\/revisions\/3208"}],"wp:attachment":[{"href":"https:\/\/outsmart.com.br\/wp-json\/wp\/v2\/media?parent=3172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/outsmart.com.br\/wp-json\/wp\/v2\/categories?post=3172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/outsmart.com.br\/wp-json\/wp\/v2\/tags?post=3172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}