Flutter环境搭建笔记

Flutter安装环境

• 参考：Flutter环境配置 - 简书
  • Flutter 2.0 环境搭建 for windows_HomerCoding的博客-CSDN博客_flutter windows
  • VS Code + Flutter 搭建环境（Win）_有关心情的博客-CSDN博客_vscode配置flutter环境
  • 安卓环境搭建：【2022】保姆级Android Studio+JDK安装配置教程带字幕_哔哩哔哩_bilibili
    • Download Android Studio and SDK tools  |  Android Developers （下载安卓）
•  Flutter中文网
• 官网：Windows install | Flutter
• github：GitHub - flutter/flutter: Flutter makes it easy and fast to build beautiful apps for mobile and beyond
• Flutter 中文开发者网站 | Flutter —— 为所有屏幕构建精美应用
  • 安装和环境配置 | Flutter 中文文档 | Flutter 中文开发者网站

• 下载Flutter：Flutter SDK releases | Flutter

• 安装Dart：Dart for Windows

• flutter doctor 问题
  • 问题1：Android Studio (not installed)

flutter config --android-studio-dir=“D:\ProgramFiles\AndroidStudio”

• 问题2：flutter doctor --android-licenses报错
  • 参考：Flutter踩坑之flutter doctor --android-licenses报错_uncle_Winter的博客-CSDN博客
• 安装环境检查成功提示：

• Android studio 安装Dart flutter插件，安装完后重启Android Studio

创建Flutter项目

• 参考：《在Android studio里写一个Flutter程序》

•  指定Flutter SDK路径：

•  设置项目

•  创建完成：

•  运行：

• 使用Chrome打开：

Android Studio样式设置

• 字体：

Visual Studio 打开项目

• 下载插件：参考 《VSCode 开发 Flutter 必用插件》

• 开启项目：
• 参考：《vscode建一个flutter的简单demo》《初识Flutter之VS Code 的基本使用》