在 Windows 操作系统上安装和配置 Flutter 开发环境 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

环境变量配置

flutter doctor 报错原因分析

安装Flutter和Dart插件

国外flutter开源项目网址

Dart基础语法

学习资料

Flutter环境搭建教程

• 下载FlutterSDK最新版本

• 配置Path 路径，配置用户变量，path路径于第一行。

  
  image.png

• 配置系统变量，path路径于第一行。

  
  image.png

• 命令行输入 flutter doctor 检测，

  
  image.png

• 如果出现 Android toolchain -develp for Android device 报错，如果使用的是java1.8版本，可以使用低版本的 Commond-line Tools，以防低版本的java无法编译高版本的java文件。

  
  image.png

• 命令行输入flutter doctor --android-licenses ，一路 "y" ，同意各种协议即可。

  
  image.png

• 再次输入flutter doctor检测，看看是否有报错的。

  
  image.png

Flutter Code 快捷键

• 创建一个stateless widget 或 stateful widget
  需输入stless即可创建一个无状态widget

• 创建一个stateless widget 或 stateful widget
  或输入stful 创建一个 Stateful widget

UI心得

• 控件自适应：Row-->Expanded-->Container--->控件
  REC 宽度自适应

• Row--->【Container,Expanded-->Container 】 左边固定，右边自适应 R【CEC】

• ListView中直接放Container时必须给出高度才会显示

构建项目问题记录

• pub flutter_html: ^2.1.2 可能和当前的项目配置不匹配，导致项目无法构建，报错

  
  image.png

• pub city_pickers: ^1.1.0 可能和当前的项目配置不匹配，导致项目无法构建，报错

  
  image.png

• 如果导入旧项目，出现报错问题 ，可以新建一个全新项目，导入相关库，一步步排查，看看究竟是哪个库出问题了。

  
  image.png

• AS上导入 Flutter新项目直接步骤 File --- Open ---选择要打开的项目即可.

• JdShop项目使用的Flutter版本和Dart版本如下：
  Flutter 版本 3.10.5 Dart版本 3.0.5 2023/6/14