windows安装Flutter

短命女 2022-12-17 04:25 123阅读 0赞

## 1. 安装依赖环境 ##

*  [poweshell 5.0][]及更高的版本
 *  [Git][]

## 2. 获取Flutter SDK ##

[Flutter SDK下载链接][Flutter SDK]  
Flutter使用Dart语言，Flutter SDK内部集成了Dart SDK，此处无需安装Dart。  
安装好Flutter之后配置Flutter的环境变量，把`flutter/bin`加入环境变量。

**运行flutter doctor**  
配置好环境变量之后使用`cmd`运行以下命令检查Flutter已经安装过的依赖：

// doctor: Show information about the installed tooling.
    flutter doctor

更多flutter命令的用法请使用`flutter -h`查看。

## 3. 安装编译器 ##

你可以选择使用Android Studio或者VS Code

[Android安装教程][Android]

[VS Code下载][VS Code]

VS 安装很简单，安装了就可以使用了，支持很多插件。  
详情请百度VS Code的使用教程。

## 4. Android Studio 环境变量配置 ##

**File -> create New Flutter Project**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5Mzc4NjU3_size_16_color_FFFFFF_t_70_pic_left]

## 配置Android SDK ##

1.  新建`ANDROID_SDK_HOME`  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5Mzc4NjU3_size_16_color_FFFFFF_t_70_pic_left 1]
2.  在用户变量的`Path`中添加如下内容  
    ![在这里插入图片描述][20201021201123544.png_pic_left]
3.  `cmd`运行`adb`,成功打印信息则说明环境变量添加成功。
4.  重启Android Studio，环境变量生效。

> 至此，基本环境已经算是安装好了。

--------------------

## Android Studio开发Flutter应用的准备 ##

### 安装Flutter和Dart插件 ###

需要安装两个插件:

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

安装步骤：  
启动Android Studio：

*  打开插件首选项 (macOS：Preferences>Plugins, Windows：File>Settings>Plugins)。
 *  选择 Browse repositories…，选择 flutter 插件并点击 install。
 *  重启Android Studio后插件生效。

[参考来自该文档][Link 1]

[poweshell 5.0]: https://docs.microsoft.com/zh-cn/powershell/scripting/install/installing-powershell?view=powershell-7
[Git]: https://git-scm.com/downloads
[Flutter SDK]: https://flutter.dev/docs/development/tools/sdk/releases
[Android]: https://www.runoob.com/android/android-studio-install.html
[VS Code]: https://code.visualstudio.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5Mzc4NjU3_size_16_color_FFFFFF_t_70_pic_left]: /images/20221123/1a80ae688fd049bc995c31e4107181a0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5Mzc4NjU3_size_16_color_FFFFFF_t_70_pic_left 1]: /images/20221123/5492220f261e48acbfa4841560aa3a1a.png
[20201021201123544.png_pic_left]: /images/20221123/19e097b868bd4bed83828bf0dfee2678.png
[Link 1]: https://book.flutterchina.club/chapter1/install_flutter.html