{"id":696063,"date":"2026-04-03T21:54:15","date_gmt":"2026-04-03T20:54:15","guid":{"rendered":"https:\/\/blog.jetbrains.com\/?post_type=pycharm&#038;p=696063"},"modified":"2026-04-03T21:55:28","modified_gmt":"2026-04-03T20:55:28","slug":"ampliando-nosso-suporte-aos-recursos-centrais-de-desenvolvimento-para-a-web-no-pycharm-2026-1","status":"publish","type":"pycharm","link":"https:\/\/blog.jetbrains.com\/pt-br\/pycharm\/2026\/04\/ampliando-nosso-suporte-aos-recursos-centrais-de-desenvolvimento-para-a-web-no-pycharm-2026-1\/","title":{"rendered":"Ampliando nosso suporte aos recursos centrais de desenvolvimento para a Web no PyCharm 2026.1"},"content":{"rendered":"\n<p>No PyCharm 2026.1, a experi\u00eancia central no nosso IDE continua sua evolu\u00e7\u00e3o e estamos trazendo a todos os usu\u00e1rios um conjunto maior de ferramentas gratuitas de n\u00edvel profissional para a Web. Todos, desde iniciantes at\u00e9 desenvolvedores primariamente de back-ends, est\u00e3o ganhando acesso a um conjunto substancial de recursos para JavaScript, TypeScript e CSS, antes dispon\u00edveis apenas com uma assinatura Pro.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Suporte a React, JavaScript, TypeScript e CSS<\/h3>\n\n\n\n<p>Tire proveito de um conjunto abrangente de ferramentas de edi\u00e7\u00e3o e formata\u00e7\u00e3o em linguagens Web modernas, dentro do PyCharm, incluindo:<\/p>\n\n\n\n<ul>\n<li><strong>Suporte b\u00e1sico ao React<\/strong>, com complementa\u00e7\u00e3o de c\u00f3digo, navega\u00e7\u00e3o por componentes e atributos, e renomea\u00e7\u00e3o de componentes e props do React.<\/li>\n\n\n\n<li><strong>Gerenciamento avan\u00e7ado de importa\u00e7\u00f5es<\/strong>:\n<ul>\n<li>Desfrute de importa\u00e7\u00f5es autom\u00e1ticas de JavaScript e TypeScript enquanto voc\u00ea trabalha.<\/li>\n\n\n\n<li>Combine ou remova refer\u00eancias desnecess\u00e1rias atrav\u00e9s do recurso <em>Optimize imports<\/em>.<\/li>\n\n\n\n<li>Tenha as importa\u00e7\u00f5es necess\u00e1rias feitas automaticamente ao colar c\u00f3digo no editor.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ul>\n<li><strong>Defini\u00e7\u00e3o mais f\u00e1cil de estilos<\/strong>: acesse complementa\u00e7\u00f5es de c\u00f3digo, inspe\u00e7\u00f5es e corre\u00e7\u00f5es r\u00e1pidas feitas sob medida para CSS e visualize as altera\u00e7\u00f5es em tempo real, atrav\u00e9s da pr\u00e9-visualiza\u00e7\u00e3o de Web incorporada.<\/li>\n\n\n\n<li><strong>Comportamento inteligente do editor<\/strong>: use chaves inteligentes, dicas de inser\u00e7\u00e3o de visualiza\u00e7\u00e3o do c\u00f3digo e complementa\u00e7\u00f5es postfix, espec\u00edficas para o desenvolvimento para a Web.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Navega\u00e7\u00e3o e intelig\u00eancia do c\u00f3digo<\/h3>\n\n\n\n<p>Ficou ainda mais eficiente se orientar em projetos de Web, com ferramentas que permitem:<\/p>\n\n\n\n<ul>\n<li><strong>Navega\u00e7\u00e3o de n\u00edvel profissional<\/strong>: use \u00edcones exclusivos na medianiz para a\u00e7\u00f5es <em>Jump to&#8230;<\/em>, chamadas recursivas e mapeamento de c\u00f3digo-fonte em TypeScript.<\/li>\n\n\n\n<li><strong>Refatora\u00e7\u00f5es essenciais para a Web<\/strong>: efetue altera\u00e7\u00f5es essenciais no c\u00f3digo com refatora\u00e7\u00f5es <em>Rename<\/em> confi\u00e1veis e a\u00e7\u00f5es como <em>Introduce variable<\/em>, <em>Change signature<\/em>, <em>Move members<\/em> e outras.<\/li>\n\n\n\n<li><strong>Controle de qualidade<\/strong>: mantenha um alto padr\u00e3o de programa\u00e7\u00e3o com inspe\u00e7\u00f5es, inten\u00e7\u00f5es e corre\u00e7\u00f5es r\u00e1pidas de n\u00edvel profissional.<\/li>\n\n\n\n<li><strong>Limpeza do c\u00f3digo<\/strong>: identifique blocos redundantes de c\u00f3digo atrav\u00e9s da detec\u00e7\u00e3o de c\u00f3digo duplicado em JavaScript e TypeScript.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Ferramentas e frameworks integrados<\/h3>\n\n\n\n<p>Foi adicionado o suporte a alguns dos frameworks e ferramentas mais populares para front-ends e voc\u00ea ter\u00e1 acesso a:<\/p>\n\n\n\n<ul>\n<li><strong>Inicializa\u00e7\u00e3o de projetos<\/strong>: crie novos projetos de Web rapidamente com o gerador Vite incorporado.<\/li>\n\n\n\n<li><strong>Ferramentas-padr\u00e3o<\/strong>: padronize a qualidade do c\u00f3digo com o suporte integrado ao Prettier, ESLint, TSLint e StyleLint.<\/li>\n\n\n\n<li><strong>Gerenciamento de scripts<\/strong>: descubra e execute scripts NPM diretamente do seu arquivo <code>package.json<\/code>.<\/li>\n\n\n\n<li><strong>Seguran\u00e7a<\/strong>: verifique as depend\u00eancias do projeto quanto a vulnerabilidades de seguran\u00e7a.<\/li>\n<\/ul>\n\n\n\n<p>Estamos empolgados por trazermos gratuitamente estes recursos comprovados para a experi\u00eancia central com o PyCharm! Temos certeza de que estas ferramentas ajudar\u00e3o iniciantes, estudantes e programadores por hobby a abordarem tarefas do mundo real com um s\u00f3 IDE simples e poderoso. O melhor de tudo \u00e9 que o essencial do PyCharm pode ser usado em projetos tanto comerciais quanto n\u00e3o comerciais. Assim, ele crescer\u00e1 com voc\u00ea, \u00e0 medida que voc\u00ea passar do aprendizado para o desenvolvimento em n\u00edvel profissional.<\/p>\n\n\n\n<p><em>Artigo original em ingl\u00eas por:<\/em><\/p>\n\n\n    <div class=\"about-author \">\n        <div class=\"about-author__box\">\n            <div class=\"row\">\n                <div class=\"about-author__box-img\">\n                    <img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/03\/Afanasiev-Ilia-200x200.jpg\" width=\"200\" height=\"200\" alt=\"Ilia Afanasiev\" loading=\"lazy\"  class=\"avatar avatar-200 wp-user-avatar wp-user-avatar-200 photo avatar-default\">\n                <\/div>\n                <div class=\"about-author__box-text\">\n                                            <h4>Ilia Afanasiev<\/h4>\n                                                        <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n","protected":false},"author":1086,"featured_media":697752,"comment_status":"closed","ping_status":"closed","template":"","categories":[8377],"tags":[],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/pt-br\/wp-json\/wp\/v2\/pycharm\/696063"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/pt-br\/wp-json\/wp\/v2\/pycharm"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/pt-br\/wp-json\/wp\/v2\/types\/pycharm"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/pt-br\/wp-json\/wp\/v2\/users\/1086"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/pt-br\/wp-json\/wp\/v2\/comments?post=696063"}],"version-history":[{"count":3,"href":"https:\/\/blog.jetbrains.com\/pt-br\/wp-json\/wp\/v2\/pycharm\/696063\/revisions"}],"predecessor-version":[{"id":697763,"href":"https:\/\/blog.jetbrains.com\/pt-br\/wp-json\/wp\/v2\/pycharm\/696063\/revisions\/697763"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/pt-br\/wp-json\/wp\/v2\/media\/697752"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/pt-br\/wp-json\/wp\/v2\/media?parent=696063"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/pt-br\/wp-json\/wp\/v2\/categories?post=696063"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/pt-br\/wp-json\/wp\/v2\/tags?post=696063"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/pt-br\/wp-json\/wp\/v2\/cross-post-tag?post=696063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}