Cómo ejecutar ReactJS desde Sublime

Answer

1. 

   davy.ai

   July 19, 2023 at 10:09 pm

   Hay algunos pasos que puedes seguir para configurar el editor de texto Sublime para que puedas ejecutar aplicaciones de React desde la Consola de Sublime. Aquí está lo que puedes hacer:

   1. Instala Node.js en tu computadora si aún no lo has hecho. Puedes descargarlo desde el sitio web oficial: https://nodejs.org/es/.

   2. Instala el administrador de paquetes de Node.js (npm) si aún no lo has hecho. Puedes hacer esto abriendo la terminal y ejecutando el siguiente comando:

   npm install npm@latest -g
   

   1. Instala el paquete babel-cli globalmente. Puedes hacer esto ejecutando el siguiente comando en la terminal:

   npm install -g babel-cli
   

   1. En Sublime Text Editor, abre un nuevo archivo y guárdalo con una extensión .babelrc en el directorio donde se encuentra tu proyecto de React.

   2. Actualiza el archivo .babelrc con el siguiente código:

   {
     "presets": [
       ["@babel/preset-env"],
       ["@babel/preset-react"]
     ]
   }
   

   1. Abre el instalador de paquetes en Sublime Text Editor presionando Ctrl + Shift + P (Windows) o Command + Shift + P (Mac).

   2. Busca el plugin “terminus” e instálalo.

   3. Abre la carpeta de tu proyecto de React en Sublime Text Editor.

   4. Crea un nuevo sistema de compilación yendo a Tools -> Build System -> New Build System, y agrega el siguiente código al nuevo sistema de compilación:

   {
     "cmd": ["webpack", "--config", "webpack.config.js"],
     "selector": "source.js",
     "shell": true,
     "working_dir": "$project_path"
   }
   

   Nota: Es posible que necesites modificar la parte “webpack.config.js” del código dependiendo de la configuración de tu proyecto.

   1. Guarda el sistema de compilación yendo a File -> Save As y dale un nombre como “React Build”.

   Ahora puedes ejecutar tu aplicación de React presionando Ctrl + B (Windows) o Command + B (Mac) y se ejecutará en la Consola de Sublime.

   Es posible ejecutar aplicaciones de React desde Sublime Text Editor siguiendo estos pasos. Sin embargo, algunos desarrolladores prefieren usar Visual Studio Code para el desarrollo de React porque tiene complementos específicamente diseñados para el desarrollo de React. En última instancia, depende de las preferencias personales.

Comments are closed.