ENTRAR
UNIRSE AL CLUB

¿Qué es Webstorm y cómo funciona? Entendiendo su interfaz

Marçal Alarcón

-

4 noviembre 2021

-

0.0/5

Un entorno de desarrollo integrado o IDE es, una plataforma con una serie de herramientas necesarias para crear aplicaciones, depurar errores, editar código y realizar pruebas. 

En este artículo te explicaré que es WebStorm y aprenderás a cómo usarlo. ¿Empezamos?.

¿Qué es WebStorm?

WebStorm es un potente IDE para el desarrollo de JavaScript, Html, Css…  Aprovecha de la finalización inteligente de códigos, la detección de errores sobre la marcha.

Lo malo es que WebStorm es un IDE de pago, pero de forma gratuita lo podemos probar durante 30 días.

TUTORIAL RECOMENDADO PARA Windows

Instalar y configurar WordPress 5.8.1 en Windows 11

Crear un nuevo proyecto en WebStorm

Crear un nuevo proyecto es muy sencillo, solo deberemos de:

Paso2Abrimos WebStorm. En el centro nos encontraremos con tres botones (1): “New Project”, “Open” y “Get from VCS”. En nuestro caso cómo queremos crear un nuevo proyecto, pulsamos en “New project”.

En la parte de la izquierda (2), podemos ver un menú lateral con diferentes opciones.

Paso2Escogemos e  tipo de proyecto (es recomendable cogerlo en “Empty Project” para personalizarlo a nuestra medida) y posteriormente seleccionamos donde queremos que se guarde el proyecto.

Por último, para crear el proyecto, pulsamos en “Create”.

TUTORIAL RECOMENDADO PARA Windows

Comprobaciones de Apache, PHP y MySQL en WAMP Server Windows 11

Entendiendo la interfaz de WebStorm

Por último, veremos cómo funciona la interfaz de WebStorm, para ello a continuación te voy explicar cada una de las partes de la interfaz:

En la parte de la izquierda (1), nos encontramos con todos los ficheros/directorios del proyecto actual y en la parte del centro (2) nos encontramos con el editor de código.

Crear un fichero en WebStorm

Paso2Hacemos clic derecho en la parte 1 y pulsamos en New > HTML File.

Paso2Le ponemos un nombre al documento (en mi caso voy a llamarle index.html).

Listo, así es cómo se crea un fichero en WebStorm.

Crear un directorio en WebStorm

Paso2Hacemos clic derecho en la parte 1 y pulsamos en New > Directory.

Paso2Le ponemos un nombre al directorio.

Listo, así es cómo se crea un directorio en WebStorm.

TUTORIAL RECOMENDADO PARA Windows

Crear y configurar Servidor Virtual de Apache en Windows Server 2019

Espero que hayas aprendido a usar WebStorm… Para cualquier  duda puedes escribirme en el formulario de contacto pulsando aquí.

Un saludo Mab55

Share on facebook
Facebook
Share on twitter
Twitter
Share on pinterest
Pinterest
Share on whatsapp
WhatsApp
Share on telegram
Telegram
Share on reddit
Reddit
Share on email
Email

Marçal Alarcón Brugal

Soy Técnico en Desarrollo de Aplicaciones Web con más de 5 años de experiencia en el sector informático. En los últimos años, me he centrado en enseñar mis conocimientos de informática a través de cursos, tutoriales… 

# ¿Te ha sido útil? Escribe una reseña

{{ reviewsTotal }} Review
{{ reviewsTotal }} Reviews
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}

📕 Tutoriales

📕 Tutoriales

🔸 Linux

🔹 Mac

🔸 Windows

También te puede interesar

Activar y desactivar módulos de Apache Windows Server 2019

5/5
Aprende a activar y desactivar módulos de Apache en Windows Server 2019. Aprende todo sobre los módulos…

TOMCAT EN WINDOWS 10 PARTE 2

0.0/5

Instalar y configurar servidor DNS en Windows Server 2022

0.0/5
Aprende a instalar y configurar un servidor DNS de forma fácil y rápida en Windows Server 2022. En este tutorial usaremos la herramienta…

Instalar XAMPP en Windows 11

0.0/5
Aprende a instalar un servidor XAMPP en Windows 11 de forma fácil, rápida y completamente gratis. XAMPP en el mejor servidor local…

Descargar e instalar Composer en Windows 10

5/5

Configurar redirección a otro dominio en Apache 2.4 Windows Server 2019

0.0/5
Aprende a configurar una redirección a otro dominio a través de Apache usando Windows Server 2019…
Este contenido está restringido, SOLO está disponible para los miembros del club de Flota Digital.