{"id":455,"date":"2016-01-05T15:37:54","date_gmt":"2016-01-05T15:37:54","guid":{"rendered":"http:\/\/www.andrefelizardo.com.br\/blog\/?p=455"},"modified":"2016-01-05T15:37:54","modified_gmt":"2016-01-05T15:37:54","slug":"conheca-o-vs-code","status":"publish","type":"post","link":"http:\/\/www.andrefelizardo.com.br\/blog\/conheca-o-vs-code\/","title":{"rendered":"Conhe\u00e7a o VS Code &#8211; Alternativa ao Sublime"},"content":{"rendered":"<h1>VS Code<\/h1>\n<p>VS Code (Visual Studio Code) \u00e9 um editor da Microsoft, de c\u00f3digo aberto. Ele foi desenvolvido e funciona de forma est\u00e1vel (espantem-se) em Windows, Mac OS e Linux.<!--more--><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-content wp-image-458 lazyload\" data-src=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/debugging_hero-620x264.png\" alt=\"VS Code debugging\" width=\"620\" height=\"264\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 620px; --smush-placeholder-aspect-ratio: 620\/264;\" \/><\/p>\n<p>O objetivo do projeto do VS Code \u00e9 criar um editor de c\u00f3digo para facilitar a compila\u00e7\u00e3o e depura\u00e7\u00e3o de aplicativos Web e aplicativos na nuvem.<\/p>\n<p>Ele \u00e9 gratuito, e pra gente come\u00e7ar <a href=\"https:\/\/go.microsoft.com\/fwlink\/?LinkID=533688\" target=\"_blank\">fa\u00e7a o download do VS Code aqui<\/a>.<\/p>\n<ul>\n<li><a href=\"#linguagens\">Linguagens<\/a><\/li>\n<li><a href=\"#iniciando\">Iniciando os Trabalhos com o VS Code<\/a>\n<ul>\n<li><a href=\"#lado-a-lado\">Lado a Lado<\/a><\/li>\n<li><a href=\"#explorador\">Explorador<\/a><\/li>\n<li><a href=\"#pesquisa\">Pesquisa<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#conclusoes\">Conclus\u00f5es<\/a><\/li>\n<\/ul>\n<h2><a name=\"linguagens\"><\/a>Linguagens<\/h2>\n<p>O VS Code suporta v\u00e1rias linguagens nativamente e \u00e9 poss\u00edvel adicionar mais linguagens atrav\u00e9s da <a href=\"http:\/\/marketplace.visualstudio.com\/vscode\/Languages\" target=\"_blank\">VS Code Marketplace<\/a>.<\/p>\n<p>Atualmente\u00a0ele tem\u00a0<em>Syntax coloring,\u00a0<\/em>que \u00e9 a mudan\u00e7a das cores e estilos de acordo com a linguagem utilizada para as seguintes linguagens:<\/p>\n<ul>\n<li>Batch<\/li>\n<li>C++<\/li>\n<li>Clojure<\/li>\n<li>Coffee Script<\/li>\n<li>Dockerfile<\/li>\n<li>F#<\/li>\n<li>Go<\/li>\n<li>Jade<\/li>\n<li>Java<\/li>\n<li>HandleBars<\/li>\n<li>Ini<\/li>\n<li>Lua<\/li>\n<li>Makefile<\/li>\n<li>Objective-C<\/li>\n<li>Perl<\/li>\n<li>PowerShell<\/li>\n<li>Python<\/li>\n<li>R<\/li>\n<li>Razor<\/li>\n<li>Ruby<\/li>\n<li>Rust<\/li>\n<li>SQL<\/li>\n<li>Visual Basic<\/li>\n<li>XML<\/li>\n<\/ul>\n<p>Entre outras coisas interessantes tem <em>IntelliSense, linting <\/em>e<em> outline <\/em>para:<\/p>\n<ul>\n<li>CSS<\/li>\n<li>HTML<\/li>\n<li>JavaScript<\/li>\n<li>JSON<\/li>\n<li>Less<\/li>\n<li>Sass<\/li>\n<\/ul>\n<p>E ainda refatora\u00e7\u00e3o e encontra todas as refer\u00eancias em:<\/p>\n<ul>\n<li>TypeScript<\/li>\n<li>C#<\/li>\n<\/ul>\n<p>O VS Code, por padr\u00e3o d\u00e1 suporte a linguagem para um arquivo com base em sua extens\u00e3o. Por\u00e9m, se voc\u00ea quiser mudar a linguagem, basta clicar na linguagem atual, que \u00e9 exibida no canto direito da barra de status.<\/p>\n<p><a href=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/vs_code.png\" rel=\"attachment wp-att-461\"><img decoding=\"async\" class=\"aligncenter size-content wp-image-461 lazyload\" data-src=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/vs_code-620x264.png\" alt=\"Mudar linguagem VS Code\" width=\"620\" height=\"264\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 620px; --smush-placeholder-aspect-ratio: 620\/264;\" \/><\/a><\/p>\n<h2><a name=\"linguagens\"><\/a>Iniciando os Trabalhos com o VS Code<\/h2>\n<p>Como v\u00e1rios outros editores, o VS Code adora uma interface comum e um painel\u00a0<em>Explore<\/em> \u00e0 esquerda, mostrando os arquivos e pastas que temos acesso. Ao clicar em qualquer arquivo, o\u00a0conte\u00fado \u00e9 exibido no editor na parte direita.<\/p>\n<p><a href=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/vs_code01.png\" rel=\"attachment wp-att-463\"><img decoding=\"async\" class=\"aligncenter size-content wp-image-463 lazyload\" data-src=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/vs_code01-620x264.png\" alt=\"vs_code01\" width=\"620\" height=\"264\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 620px; --smush-placeholder-aspect-ratio: 620\/264;\" \/><\/a><\/p>\n<h3><a name=\"lado-a-lado\"><\/a>Lado a Lado<\/h3>\n<p>Podemos ter lado a lado at\u00e9 tr\u00eas editores abertos. Quando eu estou trabalhando construindo meus projetos de sites \u00e9 extremamente \u00fatil, pois como voc\u00ea pode ver na imagem abaixo, abro HTML, CSS e JS em cada uma.<\/p>\n<p><a href=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/vs_code02.png\" rel=\"attachment wp-att-464\"><img decoding=\"async\" class=\"aligncenter size-content wp-image-464 lazyload\" data-src=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/vs_code02-620x264.png\" alt=\"vs_code02\" width=\"620\" height=\"264\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 620px; --smush-placeholder-aspect-ratio: 620\/264;\" \/><\/a><\/p>\n<p>Se voc\u00ea j\u00e1 est\u00e1 com um editor aberto basta clicar em outro arquivo no explore pressionando o CTRL.<\/p>\n<p>Tamb\u00e9m pode clicar com o bot\u00e3o direito sobre o arquivo desejado e clicar na op\u00e7\u00e3o\u00a0<em>Open to the side<\/em>.<\/p>\n<p>Voc\u00ea pode redimensionar e reordenar esses editores. Arraste e solte, na regi\u00e3o do t\u00edtulo do editor, para reposicionar ou redimensionar o editor.<\/p>\n<h3><a name=\"explorador\"><\/a>&#8216;Explorador&#8217; (Explore)<\/h3>\n<p>O\u00a0<em>Explore<\/em> \u00e9 usado parar navegar, abrir e gerenciar todos as pastas e arquivos do seu projeto.<\/p>\n<p>Ap\u00f3s abrir uma pasta no VS Code, o conte\u00fado da pasta \u00e9 exibido no Explore. Dentro do pr\u00f3prio editor voc\u00ea pode:<\/p>\n<ul>\n<li>criar, excluir e renomear pastas e arquivos<\/li>\n<li>mover pastas e arquivos arrastando (drag and drop)<\/li>\n<li>usar o menu de contexto (clique com o bot\u00e3o direito do mouse) para ter ainda mais op\u00e7\u00f5es.<\/li>\n<\/ul>\n<p>Voc\u00ea tamb\u00e9m pode arrastar um arquivo de fora do VS Code\u00a0para dentro dele e copi\u00e1-lo.<\/p>\n<h3><a name=\"pesquisa\"><\/a>Pesquisa<\/h3>\n<p>O VS Code permite que voc\u00ea procure em todos os arquivos na pasta do seu projeto, que est\u00e1 aberta. Pressionando CTRL + SHIFT + F e depois digitando o que deseja buscar. Os resultados da pesquisa s\u00e3o agrupados em arquivos contendo o termo de pesquisa, com a indica\u00e7\u00e3o dos acessos em cada arquivo e sua localiza\u00e7\u00e3o.<\/p>\n<p><a href=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/codebasics_search.png\" rel=\"attachment wp-att-467\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-467 lazyload\" data-src=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/codebasics_search.png\" alt=\"codebasics_search\" width=\"439\" height=\"260\" data-srcset=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/codebasics_search.png 439w, http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/codebasics_search-300x178.png 300w\" data-sizes=\"(max-width: 439px) 100vw, 439px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 439px; --smush-placeholder-aspect-ratio: 439\/260;\" \/><\/a><\/p>\n<p>\u00c9 poss\u00edvel expandir um arquivo para ver todas as ocorr\u00eancias da busca dentro desse arquivo. Se clicar em cima dessa ocorr\u00eancia, ser\u00e1 exibida no editor.<\/p>\n<p>Voc\u00ea pode configurar op\u00e7\u00f5es de busca mais avan\u00e7adas, digitando CTRL + SHIFT + J. Ser\u00e3o exibidos campos adicionas para configurar a pesquisa.<\/p>\n<p><a href=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/codebasics_searchadvanced.png\" rel=\"attachment wp-att-468\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-468 lazyload\" data-src=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/codebasics_searchadvanced.png\" alt=\"codebasics_searchadvanced\" width=\"296\" height=\"221\" data-srcset=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/codebasics_searchadvanced.png 296w, http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/codebasics_searchadvanced-174x131.png 174w, http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/codebasics_searchadvanced-70x53.png 70w\" data-sizes=\"(max-width: 296px) 100vw, 296px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 296px; --smush-placeholder-aspect-ratio: 296\/221;\" \/><\/a><\/p>\n<h2><a name=\"conclusoes\"><\/a>Conclus\u00f5es<\/h2>\n<p>A iniciativa \u00e9 boa, e por ser Open Source, acredito que ir\u00e3o aparecer excelentes features novas com o tempo.<\/p>\n<p>Para quem j\u00e1 teve o problema de desenvolver no trabalho em um ambiente e em casa em outro, devido a sistemas operacionais diferentes, o VS Code pode te ajudar bastante nisso.<\/p>\n<p>Meu objetivo\u00a0agora \u00e9 desenvolver\u00a0exclusivamente com ele para pegar ainda mais macetes. Ele \u00e9 muito mais profundo do que apresentei nesse post, com suporte a bastante op\u00e7\u00f5es via linha de comando, suporte a Git e v\u00e1rios outros.<\/p>\n<p>Deixa um coment\u00e1rio a\u00ed embaixo, e quem sabe eu\u00a0crio uma s\u00e9rie sobre VS Code?!<\/p>\n<p>Se quiser pode dar uma olhada na <a href=\"https:\/\/code.visualstudio.com\/docs\/\" target=\"_blank\">documenta\u00e7\u00e3o oficial do VS Code<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>VS Code VS Code (Visual Studio Code) \u00e9 um editor da Microsoft, de c\u00f3digo aberto. Ele foi desenvolvido e funciona de forma est\u00e1vel (espantem-se) em Windows, Mac OS e Linux.<\/p>\n","protected":false},"author":1,"featured_media":457,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[5],"tags":[103,49,17,53,55,104,99,100,90,98,102,97,101],"class_list":["post-455","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnologia","tag-c","tag-css","tag-download","tag-html","tag-javascript","tag-linguagens","tag-linux","tag-mac-os","tag-microsoft","tag-sublime","tag-typescript","tag-vs-code","tag-windows"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Conhe\u00e7a o VS Code - Alternativa ao Sublime - Blog do Andr\u00e9 Felizardo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/www.andrefelizardo.com.br\/blog\/conheca-o-vs-code\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Conhe\u00e7a o VS Code - Alternativa ao Sublime - Blog do Andr\u00e9 Felizardo\" \/>\n<meta property=\"og:description\" content=\"VS Code VS Code (Visual Studio Code) \u00e9 um editor da Microsoft, de c\u00f3digo aberto. Ele foi desenvolvido e funciona de forma est\u00e1vel (espantem-se) em Windows, Mac OS e Linux.\" \/>\n<meta property=\"og:url\" content=\"http:\/\/www.andrefelizardo.com.br\/blog\/conheca-o-vs-code\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog do Andr\u00e9 Felizardo\" \/>\n<meta property=\"article:published_time\" content=\"2016-01-05T15:37:54+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/whyvscode_macwinlinux2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1272\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Andr\u00e9 Felizardo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andr\u00e9 Felizardo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/conheca-o-vs-code\\\/#article\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/conheca-o-vs-code\\\/\"},\"author\":{\"name\":\"Andr\u00e9 Felizardo\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/7ffba68b251851fb519600e2e387a02b\"},\"headline\":\"Conhe\u00e7a o VS Code &#8211; Alternativa ao Sublime\",\"datePublished\":\"2016-01-05T15:37:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/conheca-o-vs-code\\\/\"},\"wordCount\":709,\"commentCount\":5,\"image\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/conheca-o-vs-code\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/01\\\/whyvscode_macwinlinux2.png\",\"keywords\":[\"c#\",\"css\",\"download\",\"html\",\"javascript\",\"linguagens\",\"linux\",\"mac os\",\"microsoft\",\"sublime\",\"typescript\",\"vs code\",\"windows\"],\"articleSection\":[\"Tecnologia\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/conheca-o-vs-code\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/conheca-o-vs-code\\\/\",\"url\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/conheca-o-vs-code\\\/\",\"name\":\"Conhe\u00e7a o VS Code - Alternativa ao Sublime - Blog do Andr\u00e9 Felizardo\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/conheca-o-vs-code\\\/#primaryimage\"},\"image\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/conheca-o-vs-code\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/01\\\/whyvscode_macwinlinux2.png\",\"datePublished\":\"2016-01-05T15:37:54+00:00\",\"author\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/7ffba68b251851fb519600e2e387a02b\"},\"breadcrumb\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/conheca-o-vs-code\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/conheca-o-vs-code\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/conheca-o-vs-code\\\/#primaryimage\",\"url\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/01\\\/whyvscode_macwinlinux2.png\",\"contentUrl\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/01\\\/whyvscode_macwinlinux2.png\",\"width\":1272,\"height\":600,\"caption\":\"VS Code\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/conheca-o-vs-code\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Conhe\u00e7a o VS Code &#8211; Alternativa ao Sublime\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#website\",\"url\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/\",\"name\":\"Blog do Andr\u00e9 Felizardo\",\"description\":\"Programa\u00e7\u00e3o de dev para dev\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/7ffba68b251851fb519600e2e387a02b\",\"name\":\"Andr\u00e9 Felizardo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/9f9\\\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg\",\"url\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/9f9\\\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg\",\"contentUrl\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/9f9\\\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg\",\"caption\":\"Andr\u00e9 Felizardo\"},\"sameAs\":[\"http:\\\/\\\/www.andrefelizardo.com.br\"],\"url\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/author\\\/andrefelizardo\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Conhe\u00e7a o VS Code - Alternativa ao Sublime - Blog do Andr\u00e9 Felizardo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/www.andrefelizardo.com.br\/blog\/conheca-o-vs-code\/","og_locale":"pt_BR","og_type":"article","og_title":"Conhe\u00e7a o VS Code - Alternativa ao Sublime - Blog do Andr\u00e9 Felizardo","og_description":"VS Code VS Code (Visual Studio Code) \u00e9 um editor da Microsoft, de c\u00f3digo aberto. Ele foi desenvolvido e funciona de forma est\u00e1vel (espantem-se) em Windows, Mac OS e Linux.","og_url":"http:\/\/www.andrefelizardo.com.br\/blog\/conheca-o-vs-code\/","og_site_name":"Blog do Andr\u00e9 Felizardo","article_published_time":"2016-01-05T15:37:54+00:00","og_image":[{"width":1272,"height":600,"url":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/whyvscode_macwinlinux2.png","type":"image\/png"}],"author":"Andr\u00e9 Felizardo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Andr\u00e9 Felizardo","Est. tempo de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/conheca-o-vs-code\/#article","isPartOf":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/conheca-o-vs-code\/"},"author":{"name":"Andr\u00e9 Felizardo","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#\/schema\/person\/7ffba68b251851fb519600e2e387a02b"},"headline":"Conhe\u00e7a o VS Code &#8211; Alternativa ao Sublime","datePublished":"2016-01-05T15:37:54+00:00","mainEntityOfPage":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/conheca-o-vs-code\/"},"wordCount":709,"commentCount":5,"image":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/conheca-o-vs-code\/#primaryimage"},"thumbnailUrl":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/whyvscode_macwinlinux2.png","keywords":["c#","css","download","html","javascript","linguagens","linux","mac os","microsoft","sublime","typescript","vs code","windows"],"articleSection":["Tecnologia"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/www.andrefelizardo.com.br\/blog\/conheca-o-vs-code\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/conheca-o-vs-code\/","url":"http:\/\/www.andrefelizardo.com.br\/blog\/conheca-o-vs-code\/","name":"Conhe\u00e7a o VS Code - Alternativa ao Sublime - Blog do Andr\u00e9 Felizardo","isPartOf":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/conheca-o-vs-code\/#primaryimage"},"image":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/conheca-o-vs-code\/#primaryimage"},"thumbnailUrl":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/whyvscode_macwinlinux2.png","datePublished":"2016-01-05T15:37:54+00:00","author":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#\/schema\/person\/7ffba68b251851fb519600e2e387a02b"},"breadcrumb":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/conheca-o-vs-code\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.andrefelizardo.com.br\/blog\/conheca-o-vs-code\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/conheca-o-vs-code\/#primaryimage","url":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/whyvscode_macwinlinux2.png","contentUrl":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/whyvscode_macwinlinux2.png","width":1272,"height":600,"caption":"VS Code"},{"@type":"BreadcrumbList","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/conheca-o-vs-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"http:\/\/www.andrefelizardo.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Conhe\u00e7a o VS Code &#8211; Alternativa ao Sublime"}]},{"@type":"WebSite","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#website","url":"http:\/\/www.andrefelizardo.com.br\/blog\/","name":"Blog do Andr\u00e9 Felizardo","description":"Programa\u00e7\u00e3o de dev para dev","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/www.andrefelizardo.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#\/schema\/person\/7ffba68b251851fb519600e2e387a02b","name":"Andr\u00e9 Felizardo","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/wphb-cache\/gravatar\/9f9\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg","url":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/wphb-cache\/gravatar\/9f9\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg","contentUrl":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/wphb-cache\/gravatar\/9f9\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg","caption":"Andr\u00e9 Felizardo"},"sameAs":["http:\/\/www.andrefelizardo.com.br"],"url":"http:\/\/www.andrefelizardo.com.br\/blog\/author\/andrefelizardo\/"}]}},"jetpack_featured_media_url":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/01\/whyvscode_macwinlinux2.png","jetpack_shortlink":"https:\/\/wp.me\/p6EP66-7l","jetpack-related-posts":[{"id":527,"url":"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-framework-desenvolvendo-mobile-apps\/","url_meta":{"origin":455,"position":0},"title":"Ionic Framework &#8211; Desenvolvendo Mobile Apps","author":"Andr\u00e9 Felizardo","date":"14 de maio de 2016","format":false,"excerpt":"O que \u00e9 o Ionic Showcases Ionic Configura\u00e7\u00e3o e Instala\u00e7\u00e3o Node.js Cordova + Ionic Criando o primeiro app Divirta-se O que \u00e9 o Ionic? Ionic \u00e9 um framework livre e de c\u00f3digo aberto. O conceito principal desse framework, \u00e9 possibilitar a cria\u00e7\u00e3o de aplicativos mobile com linguagens web (HTML, CSS,\u2026","rel":"","context":"Em &quot;Aplicativos&quot;","block_context":{"text":"Aplicativos","link":"http:\/\/www.andrefelizardo.com.br\/blog\/category\/aplicativos\/"},"img":{"alt_text":"Ionic logo","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png?resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png?resize=700%2C400 2x"},"classes":[]},{"id":1020,"url":"http:\/\/www.andrefelizardo.com.br\/blog\/comecando-com-ionic-3\/","url_meta":{"origin":455,"position":1},"title":"Come\u00e7ando com Ionic 3","author":"Andr\u00e9 Felizardo","date":"10 de junho de 2018","format":false,"excerpt":"Ionic \u00e9 um framework para criar aplicativos mobile h\u00edbridos atrav\u00e9s de linguagens web (HTML, CSS e JS). Voc\u00ea pode aprender mais sobre o conceito do Ionic Framework aqui. Atualmente estamos no Ionic 3 (3.9.2 para ser exato), e o desenvolvimento do framework vem evoluindo bastante desde o lan\u00e7amento do Ionic\u2026","rel":"","context":"Em &quot;Dev&quot;","block_context":{"text":"Dev","link":"http:\/\/www.andrefelizardo.com.br\/blog\/category\/dev\/"},"img":{"alt_text":"Come\u00e7ando com Ionic 3","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2018\/06\/Group.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2018\/06\/Group.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2018\/06\/Group.png?resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2018\/06\/Group.png?resize=700%2C400 2x"},"classes":[]},{"id":953,"url":"http:\/\/www.andrefelizardo.com.br\/blog\/javascript-variaveis\/","url_meta":{"origin":455,"position":2},"title":"JavaScript &#8211; Vari\u00e1veis: var, let e const","author":"Andr\u00e9 Felizardo","date":"3 de dezembro de 2017","format":false,"excerpt":"O que \u00e9 uma vari\u00e1vel? Vari\u00e1veis JavaScript s\u00e3o objetos onde n\u00f3s guardamos uma informa\u00e7\u00e3o apenas em tempo de execu\u00e7\u00e3o. Por exemplo: se voc\u00ea digita sua data de nascimento em um formul\u00e1rio, podemos guardar essa data em uma vari\u00e1vel para calcular a sua idade. Mas se voc\u00ea sair do site e\u2026","rel":"","context":"Em &quot;Dev&quot;","block_context":{"text":"Dev","link":"http:\/\/www.andrefelizardo.com.br\/blog\/category\/dev\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/12\/javascript-variaveis.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/12\/javascript-variaveis.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/12\/javascript-variaveis.png?resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/12\/javascript-variaveis.png?resize=700%2C400 2x"},"classes":[]},{"id":943,"url":"http:\/\/www.andrefelizardo.com.br\/blog\/javascript-comecando-do-jeito-certo\/","url_meta":{"origin":455,"position":3},"title":"JavaScript &#8211; Come\u00e7ando do jeito certo","author":"Andr\u00e9 Felizardo","date":"30 de novembro de 2017","format":false,"excerpt":"O que \u00e9 JavaScript? JavaScript \u00e9 uma linguagem de programa\u00e7\u00e3o, que foi criada originalmente para rodar em navegadores. Na tr\u00edade do Front-end, a linguagem \u00e9 respons\u00e1vel por interagir com o usu\u00e1rio (como mensagens de erro e outros), sem a necessidade das informa\u00e7\u00f5es irem at\u00e9 o servidor. O que \u00e9 JavaScript?\u2026","rel":"","context":"Em &quot;Dev&quot;","block_context":{"text":"Dev","link":"http:\/\/www.andrefelizardo.com.br\/blog\/category\/dev\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/11\/javascript-comecando_jeito_certo.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/11\/javascript-comecando_jeito_certo.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/11\/javascript-comecando_jeito_certo.png?resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/11\/javascript-comecando_jeito_certo.png?resize=700%2C400 2x"},"classes":[]},{"id":1183,"url":"http:\/\/www.andrefelizardo.com.br\/blog\/github-satellite-2020\/","url_meta":{"origin":455,"position":4},"title":"Github Satellite 2020 &#8211; Muitas novidades","author":"Andr\u00e9 Felizardo","date":"7 de maio de 2020","format":false,"excerpt":"Satellite 2020 foi a primeira confer\u00eancia virtual do Github. O Github j\u00e1 tinha sido liberado gratuitamente para times nesse ano, lan\u00e7ado o app mobile, sem falar na compra do npm. E pensar que tinha gente na #bolhadev que achava que a Microsoft poderia destruir o Github. nem vou comentar o\u2026","rel":"","context":"Em &quot;Tecnologia&quot;","block_context":{"text":"Tecnologia","link":"http:\/\/www.andrefelizardo.com.br\/blog\/category\/tecnologia\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2020\/05\/capa-blog-github-satellite-1.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2020\/05\/capa-blog-github-satellite-1.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2020\/05\/capa-blog-github-satellite-1.png?resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2020\/05\/capa-blog-github-satellite-1.png?resize=700%2C400 2x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2020\/05\/capa-blog-github-satellite-1.png?resize=1050%2C600 3x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2020\/05\/capa-blog-github-satellite-1.png?resize=1400%2C800 4x"},"classes":[]},{"id":852,"url":"http:\/\/www.andrefelizardo.com.br\/blog\/firebase-nao-desenvolva-o-backend\/","url_meta":{"origin":455,"position":5},"title":"Firebase &#8211; N\u00e3o desenvolva o backend","author":"Andr\u00e9 Felizardo","date":"2 de julho de 2017","format":false,"excerpt":"Voc\u00ea j\u00e1 ouviu falar no Firebase? Firebase \u00e9 um servi\u00e7o do Google para agilizar o desenvolvimento de sites e aplicativos, disponibilizando ferramentas backend automatizadas. Ent\u00e3o, se voc\u00ea precisa desenvolver algo muito r\u00e1pido, focar nas regras de neg\u00f3cio sem precisar modelar banco, criar servi\u00e7o de autentica\u00e7\u00e3o e outros o Firebase \u00e9\u2026","rel":"","context":"Em &quot;Dev&quot;","block_context":{"text":"Dev","link":"http:\/\/www.andrefelizardo.com.br\/blog\/category\/dev\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/06\/firebase.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/06\/firebase.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/06\/firebase.png?resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/06\/firebase.png?resize=700%2C400 2x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/posts\/455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/comments?post=455"}],"version-history":[{"count":0,"href":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/posts\/455\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/media\/457"}],"wp:attachment":[{"href":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/media?parent=455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/categories?post=455"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/tags?post=455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}