搭建Flutter开发环境

一、下载FlutterSDK

https://docs.flutter.dev/development/tools/sdk/releases 选择自己对应的SDK下载,如果有VPN的话(没有的话可以从这里下载:链接:https://pan.baidu.com/s/1KtnsQBifLFg0-yWpqCS_Lw?pwd=r3k0
提取码:r3k0)

在这里插入图片描述

二、解压FlutterSDK

将下载的SDK解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)。例如我的安装路径:D:\20210426\flutterSDK\flutter_windows_2.10.3-stable

三、运行命令行

在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动,接下来,你就可以在Flutter命令行运行flutter命令了。

3.1.环境变量配置

如果你想在Windows系统用命令行运行flutter命令,需要添加以下环境变量到用户PATH:

文件目录\flutter\bin

其实也就是flutter的bin目录

四、环境检查

在Flutter命令行运行如下命令来查看是否还需要安装其它依赖,如果需要,安装它们:

flutter doctor

运行完后
在这里插入图片描述

第一次运行flutter命令时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。缺失的依赖需要安装一下,安装完成后再运行flutter doctor命令来验证是否安装成功。

五、安装插件

在Android studio安装Flutter和Dart插件(可能需要VPN)

需要安装两个插件,安装完后重启Android Studio即可:

位置:File>Settings>Plugins

  • Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等)。
  • Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等)。

六、创建Flutter应用

  1. 选择 File>New Flutter Project
  2. 选择 Flutter application 作为 project 类型, 然后点击 Next。
  3. 输入项目名称 (如 myapp),然后点击 Next。
  4. 点击 Finish
  5. 等待Android Studio安装SDK并创建项目。
  6. 最后跟Android一样运行项目就可以了,还可以运行在浏览器上。
Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐