🚀 Установка и настройка Dart: Ваш стартовый гид для VS Code

1️⃣ Установка Dart SDK

Если вы хотите погрузиться в мир Dart и создавать мощные кроссплатформенные приложения, то начнем с основ — установки и настройки Dart SDK и рабочего окружения в VS Code!

С помощью этого простого руководства вы сможете быстро подготовить всё необходимое и даже добавить полезные расширения, чтобы упростить разработку.

🔹 Шаг 1: Скачайте Dart SDK

1. Перейдите на официальный сайт Dart.
2. Выберите свою ОС:
   Windows: Нажмите на ссылку для скачивания Dart SDK for Windows.
   macOS: Откройте терминал и выполните:
   brew tap dart-lang/dart
   brew install dart
   Linux: Выполните команды:
   sudo apt update
   sudo apt install apt-transport-https
   sudo sh -c 'wget -qO- https://dl-ssl.google.com/linux/linux_signing_key.pub | apt- key add -' sudo sh -c 'wget -qO- https://storage.googleapis.com/download.dartlang.org/linux/debian/dart_stable.li st > /etc/apt/sources.list.d/dart_stable.list'
   sudo apt update
   sudo apt install dart

🔹 Шаг 2: Проверьте установку

После установки откройте терминал и выполните:

dart --version

✅ Если всё настроено верно, вы увидите версию Dart SDK. (Пример на изображении ниже)

2️⃣ Установка и настройка VS Code

🔹 Шаг 1: Скачайте Visual Studio Code

• Перейдите на сайт Visual Studio Code.
• Выберите нужную версию для вашей операционной системы.

🔹 Шаг 2: Установите расширения для Dart и Flutter

После установки VS Code откройте его и установите следующие расширения, чтобы упростить разработку.

1. Dart (обязательно) — Добавляет поддержку Dart, подсветку кода и автодополнение.
2. Flutter (если планируете работать с Flutter) — Полная поддержка создания и отладки приложений на Flutter.

3️⃣ Полезные расширения для разработки в VS Code 💡

Чтобы работа с Dart стала ещё проще и продуктивнее, установите эти полезные расширения:

• Bracket Pair Colorizer 2 🎨 — Раскрашивает скобки разными цветами, помогая видеть вложенные конструкции.
• Error Lens 🔍 — Подсвечивает ошибки и предупреждения прямо в коде, что экономит время на поиск ошибок.
• Material Icon Theme 🖼️ — Иконки файлов и папок помогут быстрее ориентироваться в проекте.
• Pubspec Assist 📦 — Упрощает добавление зависимостей в pubspec.yaml, не нужно делать это вручную.
• Better Comments ✍️ — Дает возможность добавлять цветные комментарии (TODO, FIXME), чтобы код был более структурированным.
• Todo Tree 📋 — Показывает все TODO, FIXME и заметки в отдельной панели для удобства.
• GitLens 🕵️ — Улучшает работу с Git, показывает историю изменений и комментарии к изменениям в коде.
• Path Intellisense 🔗 — Поддержка автодополнения путей при импорте пакетов и файлов, что упрощает навигацию по проекту.

4️⃣ Создание первого проекта на Dart 💻

Теперь, когда всё готово, попробуйте создать свой первый проект:

1. Создайте новую папку для проекта, например, dart_project.
2. Откройте эту папку в VS Code.
3. Откройте терминал и выполните команду:
   dart create .
4. В файле bin/main.dart напишите код:
   void main() {
   print('Hello, Dart!');
   }
5. Запустите код командой:
   dart run
   

🎉 Поздравляем! Если установка прошла успешно, вы увидите «Hello, Dart!» в терминале.Добавьте изображение экрана с выполненной командой и выводом «Hello, Dart!».

Итог 🎯

Теперь у вас есть всё, чтобы начать разработку на Dart и эффективно использовать VS Code! Погружайтесь в изучение Dart и Flutter, а полезные расширения сделают процесс легче и приятнее.

👉 Попробуйте добавить каждое из предложенных расширений — вы почувствуете разницу!