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

Ficheros de configuración importantes de Apache Windows Server 2019

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

Activar y desactivar módulos de Apache Windows Server 2019

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

Instalar Apache Haus 2.4.49 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

Cambiar archivo por defecto de Apache en Windows Server 2019

0.0/5
Aprende a cambiar el archivo por defecto de Apache en Windows Server 2019, así conseguirás un servidor…

Añadir Apache a las Variables de Entorno de Windows Server 2019

5/5
Aprende a añadir Apache en la variables de entorno de Windows Server 2019. En este tutorial…

Crear directorios y archivos en la carpeta pública de Apache Windows Server 2019

0.0/5
Aprende a crear directorios y ficheros en Apache con Windows Server 2019 de forma fácil y rápida…

Instalar y configurar WordPress 5.8.1 en Windows 11

0.0/5
Instala y configura la versión 5.8.1 de WordPress el CMS ideal para empezar…

Instalación de WAMP para Windows 11 – Descarga y configuración paso a paso

0.0/5

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

0.0/5
Este contenido está restringido, SOLO está disponible para los miembros del club de Flota Digital.