Configuración del entorno de desarrollo de Dart
El primer paso para aprender cualquier lenguaje de programación es configurar un entorno de desarrollo funcional en tu máquina local.
En este capítulo te guiaremos para instalar el SDK de Dart, configurar el editor y ejecutar tu primer programa Dart.
Probar en línea
Si solo quieres probar Dart rápidamente sin instalar nada en tu máquina local,DartPades la opción más sencilla.
DartPad es el editor en línea oficial de Dart. No requiere registro: abre el navegador y podrás escribir y ejecutar código.
Dirección de acceso：https://dartpad.dev
Principales funciones de DartPad
- Escribir y ejecutar código Dart en línea, viendo la salida en tiempo real
- Incluye varios programas de ejemplo, ideal para empezar rápidamente
- Permite compartir enlaces de código, facilitando la colaboración y las consultas
- Compatible con la vista previa de código Flutter (puedes ejecutar interfaces Flutter simples en el navegador)
Instalación del SDK de Dart
El SDK de Dart incluye todas las herramientas necesarias para compilar, ejecutar y depurar programas Dart.
Elige el método de instalación correspondiente según tu sistema operativo.
Instalación en macOS
Si usas macOS, se recomienda instalarlo mediante Homebrew:
$ brew tap dart-lang/dart $ brew install dart
Después de la instalación, verifica la versión:
$ dart --version Dart SDK version: 3.5.0 (stable)
Instalación en Windows
Los usuarios de Windows pueden instalarlo mediante el gestor de paquetes Chocolatey:
C:\> choco install dart-sdk
O visita directamentedart.dev/get-dartDescarga el paquete de instalación y haz doble clic para ejecutar el asistente de instalación.
Instalación en Linux
Los sistemas Debian/Ubuntu pueden instalarlo mediante apt:
$ sudo apt-get update $ sudo apt-get install apt-transport-https $ wget -qO- https://dl-ssl.google.com/linux/linux_signing_key.pub | sudo gpg --dearmor -o /usr/share/keyrings/dart.gpg $ echo 'deb [signed-by=/usr/share/keyrings/dart.gpg arch=amd64] https://storage.googleapis.com/download.dartlang.org/linux/debian stable main' | sudo tee /etc/apt/sources.list.d/dart_stable.list $ sudo apt-get update $ sudo apt-get install dart
Verificar la instalación
Sin importar el sistema que uses, después de la instalación puedes confirmar que el SDK funciona correctamente con el siguiente comando:
$ dart --version $ dart --help
Si puedes ver el número de versión y la información de ayuda, la instalación se realizó correctamente.
Usar el editor en línea DartPad
Si por ahora no quieres instalar ningún software, DartPad es la forma más rápida de empezar.
DartPad es el editor en línea de Dart proporcionado oficialmente por Google. No requiere registro, se abre y se usa.
Dirección de acceso:https://dartpad.dev
Características de DartPad:
| Característica | Descripción |
|---|---|
| Cero configuración | Abre el navegador y podrás escribir y ejecutar código Dart |
| Compatible con Flutter | Puedes cambiar al modo Flutter para escribir ejemplos con interfaz |
| Compartir código | Genera un enlace para compartir tus fragmentos de código |
| Resaltado de sintaxis | Resaltado de sintaxis de Dart y autocompletado de código integrados |
| Versión seleccionable | Permite elegir diferentes versiones de Dart/Flutter |
DartPad es ideal para verificar rápidamente la sintaxis y compartir fragmentos de código. Sin embargo, para el desarrollo completo de proyectos, se recomienda configurar un entorno IDE local.
Configurar VS Code
VS Code es actualmente el editor de desarrollo Dart más popular; junto con los complementos oficiales ofrece una excelente experiencia de desarrollo.
Pasos de instalación
Primero, asegúrate de tener VS Code instalado (se puede descargar desdecode.visualstudio.comdescargar).
Segundo, abre VS Code y entra a la tienda de extensiones (atajo de tecladoCmd+Shift+XoCtrl+Shift+X）。
Tercero, busca e instala laDartextensión (publicada por Dart Code).
Al instalar la extensión Dart, se instalará automáticamente la extensión Flutter (si se detecta el SDK de Flutter). Si piensas aprender Flutter más adelante, se recomienda instalar también la extensión Flutter.
Verificar la configuración
Una vez completada la instalación, crea un nuevo archivo en VS Code y asígnale el nombrehello.dart。
Escribe el siguiente código; si ves resaltado de sintaxis y sugerencias de código, la configuración se realizó correctamente.
Ejemplo
print('Hello, EJEMPLO!');
}
Ejecutar código
Hay tres formas de ejecutar código Dart en VS Code:
| Método | Acción |
|---|---|
| Menú contextual | Clic derecho en el área de edición → Run Without Debugging |
| Atajo de teclado | Ctrl+F5(Windows) oCmd+F5（Mac） |
| Comando de terminal | Abre la terminal y escribedart run hello.dart |
$ dart run hello.dart Hello, EJEMPLO!
Otras opciones de IDE
| IDE | Nombre del complemento | Caso de uso |
|---|---|---|
| IntelliJ IDEA | Complemento Dart | La opción preferida para desarrolladores de Java/Kotlin |
| Android Studio | Soporte integrado | Desarrollo móvil con Flutter |
| VS Code | Extensión Dart | Desarrollo general, ligero y rápido |
Primer vistazo a la estructura de proyectos Dart
Además de ejecutar archivos individuales, Dart admite una estructura de proyectos estandarizada.
Con el comando dart create puedes generar rápidamente un esqueleto de proyecto Dart:
$ dart create my_first_app
La estructura de directorios generada es la siguiente:
my_first_app/ ├── bin/ │ └── my_first_app.dart # 程序入口文件 ├── lib/ │ └── my_first_app.dart # 库代码（可复用） ├── test/ │ └── my_first_app_test.dart # 测试文件 ├── pubspec.yaml # 项目配置文件（依赖管理） ├── analysis_options.yaml # 静态分析规则 └── README.md
Descripción del propósito de cada directorio:
| Directorio/Archivo | Propósito |
|---|---|
| bin/ | Contiene el archivo de entrada del programa ejecutable |
| lib/ | Contiene el código de biblioteca que puede ser referenciado por otros proyectos |
| test/ | Contiene los archivos de pruebas unitarias |
| pubspec.yaml | Metadatos del proyecto y declaración de dependencias |
| analysis_options.yaml | Configura las reglas de análisis estático del código |
Entra al directorio del proyecto y ejecuta el proyecto:
$ cd my_first_app $ dart run
Hello world: my_first_app!
Otras extensionesDurante la etapa de aprendizaje de la sintaxis básica, usaremos principalmente el modo de archivo único. Cuando empieces a escribir tus propios proyectos pequeños, utiliza dart create para crear la estructura de proyecto estándar.