VSCode также является редактором, официально рекомендованным флаттером. Есть еще много проблем, на которые следует обратить внимание при использовании vscode для запуска и отладки проектов флаттера. Когда я только начинал, я не мог сделать это за один раз, поэтому сейчас я подытожу конкретные шаги.
Что-то должно развиваться раньше
Среда установки
- Установить флаттер:Адрес установки
- Установите vscode:адрес установки
- Установите соответствующие плагины в vscode — Dart, flutter two или другие соответствующие плагины.
установить переменную
-
Заполните путь хранения флаттера, который вы только что загрузили, в переменной среды.
-
Установите PUB_HOSTED_URL" и "FLUTTER_STORAGE_BASE_URL"
Если вы используете два официальных адреса, вы можете остаться в разрешении зависимостей... это трудно пройти.
Gradle по умолчанию подключается напрямую к сети, даже если на Mac установлен глобальный прокси-сервер. Даже если вы настроите прокси для Android Studio, он все равно будет легко подключаться напрямую к веб-сайту, к которому вы не сможете подключиться в Китае до конца своей жизни...
Поэтому позже я изменил его на:
FLUTTER_STORAGE_BASE_URL: https://mirrors.sjtug.sjtu.edu.cn
PUB_HOSTED_URL: https://dart-pub.mirrors.sjtug.sjtu.edu.cn
Установка Android Studio / Xcode и симулятор
Поскольку на момент написания этой статьи я использую Windows, поддерживается только Android. Затем перейдите к загрузке Android Studio.
Если вы Mac и хотите разрабатывать для iOS, загрузите XCode.
Что касается загрузки эмулятора, его можно загрузить из AVD Manager в AS.
flutter doctor
Откройте терминал и введитеflutter doctorВыполните диагностику следующей операционной среды на наличие проблем.
Создать проект
Основное представление здесь состоит в том, чтобы создать проект под VSCode:
Новое строительство
допустимыйControl+p, войти>flutter: new projectСоздайте проект.
выберите устройство
Нажмите «Устройства» в правом нижнем углу VScode и выберите эмулятор, который вы только что загрузили в AS.
Если вы откроете успех, вы автоматически запустите симулятор, например:
Стартовый проект
введите команду:flutter run, ожидая загрузки зависимостей.
После успешного запуска вы увидите следующий экран.
отладка
Выберите для отладки (ошибки), добавьте конфигурацию отладки, просто добавьте конфигурацию, а затем сохраните ее. Выберите «Включить отладку» в левом верхнем углу. Проект начинает упаковываться и собираться для установки на выбранное устройство.
Эту конфигурацию можно использовать для настройки и сохранения:
{
"version": "0.2.0",
"configurations": [
{
"type": "dart",
"name": "Flutter",
"request": "launch"
}
]
}
Средний контроллер панели отладки появляется после успешной отладки.
горячая перезагрузка
Отредактируйте и вставьте Text('hello flutter') в lib/main.dart, сохраните файл, и вы обнаружите, что эффект сразу появится в приложении, а разработка проходит так гладко. Это чем-то похоже на функцию горячей перезагрузки, реализованную интерфейсным веб-пакетом.