【跟ChatGPT学Flutter】2、Flutter开发环境搭建

273 阅读3分钟

本文ChatGPT指令:如何搭建Flutter开发环境?请分别介绍在Mac和Windows上Android Studio和VSCode的配置方法

在Mac上搭建Flutter开发环境

使用Android Studio

1. 安装Flutter SDK

在Flutter官网 flutter.dev/docs/get-st… 下载Flutter SDK并解压到本地目录。然后,将Flutter的bin目录添加到系统PATH中,以便在终端或命令行中运行Flutter命令。

2. 安装Android Studio

下载安装Android Studio developer.android.com/studio

3. 安装Flutter和Dart插件

在Android Studio中选择“Preferences”->“Plugins”,搜索并安装“Flutter”和“Dart”插件。

4. 配置Flutter SDK

在Android Studio中选择“Preferences”->“Languages & Frameworks”->“Flutter”,配置Flutter SDK的路径。

5. 配置模拟器

在Android Studio中选择“Tools”->“AVD Manager”来创建和管理虚拟设备。

使用VSCode

1. 安装Flutter SDK

在Flutter官网 flutter.dev/docs/get-st… 下载Flutter SDK并解压到本地目录。然后,将Flutter的bin目录添加到系统PATH中,以便在终端或命令行中运行Flutter命令。

2. 安装VSCode

下载安装VSCode code.visualstudio.com

3. 安装Flutter和Dart插件

在VSCode中搜索并安装“Flutter”和“Dart”插件。

4. 安装Flutter和Dart插件

在VSCode中打开终端,执行如下命令

flutter config --android-studio-dir=/Applications/Android\ Studio.app

其中,Android Studio的路径应该与你的实际安装位置相匹配。

5. 配置模拟器

在终端中运行如下命令:

flutter emulators --create [emulator name]

其中,[emulator name]为模拟器名称。创建完模拟器后,可以在VSCode的调试器中选择该模拟器进行调试。

在Windows上搭建Flutter开发环境

使用Android Studio

1. 安装Flutter SDK

在Flutter官网 flutter.dev/docs/get-st… 下载Flutter SDK并解压到本地目录。然后,将Flutter的bin目录添加到系统PATH中,以便在终端或命令行中运行Flutter命令。

2. 安装Android Studio

下载安装Android Studio developer.android.com/studio

3. 安装Flutter和Dart插件

在Android Studio中选择“File”->“Settings”->“Plugins”,搜索并安装“Flutter”和“Dart”插件。

4. 配置Flutter SDK

在Android Studio中选择“File”->“Settings”->“Languages & Frameworks”->“Flutter”,配置Flutter SDK的路径。

5. 配置模拟器

在Android Studio中选择“Tools”->“AVD Manager”来创建和管理虚拟设备

写到这里,ChatGPT不写了!!!,我补充了一个命令:还没写完吧?

于是,ChatGPT继续生成以下内容

使用VSCode

1. 安装Flutter SDK

在Flutter官网 flutter.dev/docs/get-st… 下载Flutter SDK并解压到本地目录。然后,将Flutter的bin目录添加到系统PATH中,以便在终端或命令行中运行Flutter命令。

2. 安装VSCode

下载安装VSCode code.visualstudio.com

3. 安装Flutter和Dart插件

在VSCode中搜索并安装“Flutter”和“Dart”插件。

4. 配置Flutter SDK

在VSCode中打开终端,执行如下命令:

flutter config --android-studio-dir=C:\path\to\android\studio

其中,Android Studio的路径应该与你的实际安装位置相匹配。

5. 配置模拟器

在终端中运行如下命令:

flutter emulators --create [emulator name]

其中,[emulator name]为模拟器名称。创建完模拟器后,可以在VSCode的调试器中选择该模拟器进行调试。

总之,不论是在Mac上使用Android Studio还是在Windows上使用VSCode,你需要下载安装Flutter SDK并配置相关的开发环境和插件,才能开始使用Flutter进行开发。