flutter开发环境设置

来自：https://space.bilibili.com/391243792?spm_id_from=333.788.upinfo.detail.click

 

flutter中文网站：https://flutter.cn/

flutter官网：https://flutter.dev/

windows下搭建flutter andoid开发运行环境：

l    安装jdk21或以上版本

l    安装android studio 2024.2.1.11或以上版本

l    安装flutter sdk 3.7.3或以上版本）

l    配置flutter国内镜像

l    运行flutter doctor命令检测环境是否配置成功，根据提示安装配置对应软件

l    打开android studio安装flutter插件

l    创建运行flutter项目

l    vscode开发项目移动项目

l    visual studio 开发windows pc项目

 

windows下搭建flutter andoid开发运行环境：

1. 1.      安装jdk21或以上版本

设置环境变量

JAVA_HOME：D:\java\jdk21

path: %JAVA_HOME %\bin 追加在path变量之后

classpath： .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

1. 2.      安装android studio 2024.2.1.11或以上版本

提示：Setup Proxy因未设置代理，取消设置即可，安装完成后，安装android sdk后不会再有这样的提示：unable to access android sdk add-on list；

在Android Studio安装目录的bin/idea.properties文件末尾添加disable.android.first.run=true，可避免首次启动时检测SDK12。具体路径： Android Studio安装路径\bin\idea.properties；

android studio安装插件flutter插件和dart插件后重启ide,才可以创建flutter程序；

第一次创建flutter程序时提示设置flutter sdk

 

1. 3.      安装flutter sdk 3.7.3或以上版本

（https://docs.flutter.cn/get-started/install/windows/desktop）

 

解压后，配置环境变量

FLUTTERSDK: D:\flutter3353

path: % FLUTTERSDK %\bin 追加在path变量后

1. 4.      配置flutter国内镜像

https://docs.flutter.cn/community/china/

设置环境变量即可

PUB_HOSTED_URL：https://pub.flutter-io.cn

FLUTTER_STORAGE_BASE_URL：https://storage.flutter-io.cn

 

 

1. 5.      运行flutter doctor命令检测环境是否配置成功，根据提示安装配置对应软件

重启计算机后出现检测结果的提示信息

 

如果检测结果出现如下情况

 

如果出现提示：cmdline-tools component is missing,可通过androidstudio打开或新建项目，在settings中选择安装命令行工具即可；

 

 

如出现andoid license status unknow,则再命令行中运行：

flutter doctor –android-licenses

按提示输入y 同意协议即可。

如果需要开发windows软件可安装visual studio ,选择使用c++的桌面给开发—windows 11 sdk,根据操作系统选择sdk安装即可；

 

重新输入flutter doctor检测没有错误提示即可；

 

1. 6.      创建运行flutter项目，建议通过andoid studio创建flutter项目

 

创建好的项目不能直接运行，需要通过andoid studio重新打开项目定位到项目目录下的andoid打开即可。

 

 

 

真机调试android程序

 

安装各个版本android sdk

 

也可安装虚拟机调试：tools—device manager

 

创建设备: create device

 

选择对应设备安装即可

 

 

 

1. 7.      vscode开发项目移动项目

第一次运行调试可以使用android studio,之后可以直接通过vs code打开原创建的项目目录进行开发即可

 

vscode中安装flutter插件、dart插件、awesome flutter snippets插件等

 

vscode终端运行可以查看支持的设备：flutter devices

  

通过命令: flutter run -d 设备名 运行在不同设备上

如： flutter run -d windows  windows桌面窗口方式运行

    flutter run -d chroms   web网页方式运行

调试时快捷键: r  表示热加载reload

调试时快捷键: r+shift=R  表示热重启restart

  

1. 8.      visual studio 开发windows pc项目

 

1. 9.       

mac下安装flutter开发环境

 

~/.bash_profile为环境变量配置文件，~/.zshrc使配置文件生效。

 

 

 

android sdk不用安装，需要通过brew.sh安装cocoapods

 

通过brew安装cocoapods

 

最终通过flutter doctor检测结果表示安装成功。

 

 

 

修改项目目录权限

 

进入项目下的ios目录中打开runer.xcworkspace自动通过xcode打开

 

在xcode中打开，选择模拟器运行

 

 

 

实际开发通过vscode打开原项目，安装flutter插件、dart插件等

 

 

运行为ios手机程序

 

运行为桌面程序

  

运行为web程序