{"id":696064,"date":"2026-04-03T22:01:10","date_gmt":"2026-04-03T21:01:10","guid":{"rendered":"https:\/\/blog.jetbrains.com\/?post_type=pycharm&#038;p=696064"},"modified":"2026-04-03T22:01:15","modified_gmt":"2026-04-03T21:01:15","slug":"ampliacion-de-nuestra-compatibilidad-basica-con-el-desarrollo-web-en-pycharm-2026-1","status":"publish","type":"pycharm","link":"https:\/\/blog.jetbrains.com\/es\/pycharm\/2026\/04\/ampliacion-de-nuestra-compatibilidad-basica-con-el-desarrollo-web-en-pycharm-2026-1\/","title":{"rendered":"Ampliaci\u00f3n de nuestra compatibilidad b\u00e1sica con el desarrollo web en PyCharm 2026.1"},"content":{"rendered":"\n<p>Con PyCharm 2026.1, nuestra experiencia principal del IDE sigue evolucionando, dado que ofrecemos a todos los usuarios un conjunto m\u00e1s amplio de herramientas web de nivel profesional de forma gratuita. Todos, desde principiantes hasta desarrolladores que se centran en el backend, tienen ahora acceso a un amplio conjunto de funcionalidades de JavaScript, TypeScript<strong> <\/strong>y CSS que antes solo estaban disponibles con una suscripci\u00f3n Pro.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Compatibilidad con React, JavaScript, TypeScript y CSS<\/h3>\n\n\n\n<p>Aproveche un completo conjunto de herramientas de edici\u00f3n y formateo para lenguajes web modernos dentro de PyCharm, que incluye:<\/p>\n\n\n\n<ul>\n<li><strong>Compatibilidad b\u00e1sica con React<\/strong> con finalizaci\u00f3n de c\u00f3digo, navegaci\u00f3n por componentes y atributos, y refactorizaciones para renombrar componentes y propiedades de React.<\/li>\n\n\n\n<li><strong>Gesti\u00f3n avanzada de importaciones<\/strong>:\n<ul>\n<li>Disfrute de importaciones autom\u00e1ticas de JavaScript y TypeScript mientras trabaja.<\/li>\n\n\n\n<li>Combine o elimine referencias innecesarias mediante la funcionalidad <em>Optimize imports<\/em>.<\/li>\n\n\n\n<li>Pegue el c\u00f3digo en el editor para obtener las importaciones necesarias de forma autom\u00e1tica.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ul>\n<li><strong>Estilo mejorado<\/strong>: acceda a finalizaci\u00f3n de c\u00f3digo, inspecciones y arreglos r\u00e1pidos espec\u00edficos para CSS, y vea cualquier cambio en tiempo real a trav\u00e9s de la vista previa web integrada.<\/li>\n\n\n\n<li><strong>Comportamiento inteligente del editor<\/strong>: utilice teclas inteligentes, consejos de inserci\u00f3n de Code Vision y finalizaciones de c\u00f3digo postfix dise\u00f1adas para el desarrollo web.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Navegaci\u00f3n e inteligencia de c\u00f3digo<\/h3>\n\n\n\n<p>Moverse por los proyectos web es ahora a\u00fan m\u00e1s eficiente con herramientas que permiten:<\/p>\n\n\n\n<ul>\n<li><strong>Navegaci\u00f3n de nivel profesional<\/strong>: utilice los iconos espec\u00edficos del medianil para acciones de <em>Jump to&#8230;<\/em>, llamadas recursivas y asignaci\u00f3n de fuentes de TypeScript.<\/li>\n\n\n\n<li><strong>Refactorizaciones web b\u00e1sicas<\/strong>: realice cambios esenciales en el c\u00f3digo con refactorizaciones <em>Rename<\/em> fiables y acciones como <em>Introduce variable<\/em>, <em>Change signature<\/em>, <em>Move members<\/em> y otras.<\/li>\n\n\n\n<li><strong>Control de calidad<\/strong>: mantenga est\u00e1ndares elevados de c\u00f3digo con inspecciones, intenciones y arreglos r\u00e1pidos de nivel profesional.<\/li>\n\n\n\n<li><strong>Limpieza de c\u00f3digo<\/strong>: identifique bloques de c\u00f3digo redundantes mediante la detecci\u00f3n de duplicados en JavaScript y TypeScript.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Marcos de trabajo y herramientas integradas<\/h3>\n\n\n\n<p>Con la incorporaci\u00f3n de la compatibilidad esencial con algunos de los marcos de trabajo y herramientas de frontend m\u00e1s populares, tendr\u00e1 acceso a:<\/p>\n\n\n\n<ul>\n<li><strong>Inicializaci\u00f3n de proyectos<\/strong>: cree nuevos proyectos web r\u00e1pidamente utilizando el generador Vite integrado.<\/li>\n\n\n\n<li><strong>Herramientas est\u00e1ndar<\/strong>: estandarice la calidad del c\u00f3digo con compatibilidad integrada para Prettier, ESLint, TSLint y StyleLint.<\/li>\n\n\n\n<li><strong>Gesti\u00f3n de scripts<\/strong>: descubra y ejecute scripts NPM directamente desde su <code>package.json<\/code>.<\/li>\n\n\n\n<li><strong>Seguridad<\/strong>: compruebe las dependencias del proyecto para detectar vulnerabilidades de seguridad.<\/li>\n<\/ul>\n\n\n\n<p>\u00a1Estamos encantados de incorporar estas funcionalidades probadas y fiables a la experiencia principal de PyCharm de forma gratuita! Estamos seguros de que estas herramientas ayudar\u00e1n a principiantes, estudiantes y aficionados a abordar tareas reales dentro de un \u00fanico IDE potente. Lo mejor de todo es que la versi\u00f3n b\u00e1sica de PyCharm se puede utilizar tanto para proyectos comerciales como no comerciales, de modo que crecer\u00e1 con usted a medida que pase de la fase de aprendizaje al desarrollo profesional.<\/p>\n\n\n\n<p><em>Art\u00edculo original en ingl\u00e9s de:<\/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":697764,"comment_status":"closed","ping_status":"closed","template":"","categories":[8377],"tags":[],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/pycharm\/696064"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/pycharm"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/types\/pycharm"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/users\/1086"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/comments?post=696064"}],"version-history":[{"count":2,"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/pycharm\/696064\/revisions"}],"predecessor-version":[{"id":697787,"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/pycharm\/696064\/revisions\/697787"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/media\/697764"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/media?parent=696064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/categories?post=696064"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/tags?post=696064"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/cross-post-tag?post=696064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}