Flutter学习系列——环境搭建(windows开发环境)

Love The Way You Lie 2023-06-25 08:27 45阅读 0赞

如果想了解flutter是什么和为什么使用flutter，可以参考这一篇文章：***[Flutter是什么][Flutter]***

官方文档：[https://flutter.io/][https_flutter.io]

小提示：可以尝试看下英文的官方文档，上面的解释可以看懂，并不难，而且更新的比中文文档要快，有的中文文档翻译的不恰当，会影响理解。

### windows系统要求： ###

1、Windows 7 SP1 及以上 (64位)

2、磁盘空间：400M+（不包含开发环境和工具的空间）

3、其它工具

Windows PowerShell 5.0以上

windows下的git工具

### 下载 Flutter SDK ###

地址：[https://flutter.io/docs/get-started/install/windows][https_flutter.io_docs_get-started_install_windows]

### 配置环境变量 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbjg4ODg4ODg4ODg4ODg4ODg4_size_16_color_FFFFFF_t_70][]

然后像配置java变量一样 把 %FLUTTER\_HOM%\\bin 添加到 path 里面

执行 `flutter doctor 命令，根据提示配置好`

建议使用  Android Studio 进行开发，下载地址：

[https://dl.google.com/dl/android/studio/install/3.2.1.0/android-studio-ide-181.5056338-windows.exe][https_dl.google.com_dl_android_studio_install_3.2.1.0_android-studio-ide-181.5056338-windows.exe]

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

启动 Android Studio.

1.  打开 **File > Settings > Plugins** （ Windows & Linux).
2.  选择 **Browse repositories**, 选择 the Flutter plugin 点击 **Install**.
3.  提示 install the Dart plugin 时候点击**Yes**.
4.  弹出点击 **Restart** .

### 创建&启动 ###

在菜单中 **File > New Flutter Project**.

1.  选择 **Flutter application** ，点击 **Next**.
2.  确认下 **Flutter SDK Path** 位置的正确性. 如果没用 安装下或者重新配置下环境变量.
3.  输入工程名 点击 **Next**.
4.  点击 **Finish**.

找到工具栏的如下按钮

![20181229154003528.png][]

先选择模拟设备或者用usb 连接真实的手机，点击绿色的执行

就能看到这样的画面

![Starter app on iOS][]

[Flutter]: http://flutter.link/2018/01/01/Flutter%E6%98%AF%E4%BB%80%E4%B9%88/
[https_flutter.io]: https://flutter.io/
[https_flutter.io_docs_get-started_install_windows]: https://flutter.io/docs/get-started/install/windows
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbjg4ODg4ODg4ODg4ODg4ODg4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20181229150604975.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbjg4ODg4ODg4ODg4ODg4ODg4,size_16,color_FFFFFF,t_70
[https_dl.google.com_dl_android_studio_install_3.2.1.0_android-studio-ide-181.5056338-windows.exe]: https://dl.google.com/dl/android/studio/install/3.2.1.0/android-studio-ide-181.5056338-windows.exe
[20181229154003528.png]: https://img-blog.csdnimg.cn/20181229154003528.png
[Starter app on iOS]: https://flutter.io/assets/get-started/ios/starter-app-5e284e57b8dce587ea1dfdac7da616e6ec9dc263a409a9a8f99cf836340f47b8.png