{"id":283,"date":"2020-01-18T21:01:36","date_gmt":"2020-01-19T00:01:36","guid":{"rendered":"http:\/\/hackerzone.com.br\/blog\/?p=283"},"modified":"2020-01-18T21:04:33","modified_gmt":"2020-01-19T00:04:33","slug":"vscode-styled-components","status":"publish","type":"post","link":"http:\/\/hackerzone.com.br\/blog\/vscode-styled-components\/","title":{"rendered":"VSCode Styled Components"},"content":{"rendered":"<p>Se voc\u00ea utiliza o styled-components no VSCode, voc\u00ea n\u00e3o consegue visualizar os estilos do css nem IntelliSense, para ter esse recurso voc\u00ea precisa instalar o vscode-styled-components.<\/p>\n<p>Para instalar pressione <strong>Ctrl+P<\/strong> dentro do vscode, depois digite:<\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">\r\next install vscode-styled-components\r\n<\/pre>\n<p><img decoding=\"async\" class=\"aligncenter size-medium wp-image-284\" src=\"http:\/\/hackerzone.com.br\/blog\/wp-content\/uploads\/2020\/01\/Screenshot_20200118_205925.png\" alt=\"\" width=\"600\" height=\"auto\" srcset=\"http:\/\/hackerzone.com.br\/blog\/wp-content\/uploads\/2020\/01\/Screenshot_20200118_205925.png 1189w, http:\/\/hackerzone.com.br\/blog\/wp-content\/uploads\/2020\/01\/Screenshot_20200118_205925-300x176.png 300w, http:\/\/hackerzone.com.br\/blog\/wp-content\/uploads\/2020\/01\/Screenshot_20200118_205925-768x451.png 768w, http:\/\/hackerzone.com.br\/blog\/wp-content\/uploads\/2020\/01\/Screenshot_20200118_205925-1024x601.png 1024w\" sizes=\"(max-width: 1189px) 100vw, 1189px\" \/><\/p>\n<p>Aqui voc\u00ea pode obter o link do projeto que utilizo:<br \/>\n<a href=\"https:\/\/github.com\/styled-components\/vscode-styled-components\">https:\/\/github.com\/styled-components\/vscode-styled-components<\/a><\/p>\n<p>Veja o resultado:<br \/>\n<img decoding=\"async\" src=\"http:\/\/hackerzone.com.br\/blog\/wp-content\/uploads\/2020\/01\/Screenshot_20200118_210313.png\" alt=\"\" width=\"600\" height=\"auto\" class=\"aligncenter size-medium wp-image-288\" srcset=\"http:\/\/hackerzone.com.br\/blog\/wp-content\/uploads\/2020\/01\/Screenshot_20200118_210313.png 566w, http:\/\/hackerzone.com.br\/blog\/wp-content\/uploads\/2020\/01\/Screenshot_20200118_210313-300x173.png 300w\" sizes=\"(max-width: 566px) 100vw, 566px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se voc\u00ea utiliza o styled-components no VSCode, voc\u00ea n\u00e3o consegue visualizar os estilos do css nem IntelliSense, para ter esse recurso voc\u00ea precisa instalar o vscode-styled-components. Para instalar pressione Ctrl+P dentro do vscode, depois digite: Aqui voc\u00ea pode obter o link do projeto que utilizo: https:\/\/github.com\/styled-components\/vscode-styled-components Veja o resultado:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[131,132],"tags":[135,134,133],"class_list":["post-283","post","type-post","status-publish","format-standard","hentry","category-ide","category-vscode","tag-react-native","tag-styled-components","tag-vscode","cat-131-id","cat-132-id"],"_links":{"self":[{"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/posts\/283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/comments?post=283"}],"version-history":[{"count":5,"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/posts\/283\/revisions"}],"predecessor-version":[{"id":290,"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/posts\/283\/revisions\/290"}],"wp:attachment":[{"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/media?parent=283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/categories?post=283"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/tags?post=283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}