Flutter的安装和开发环境配置

ゝ一世哀愁。 2024-03-25 10:26 111阅读 0赞

本文介绍如何安装flutter，以及如何配置flutter的开发环境。

#### 一、flutter安装 ####

访问官网地址[https://docs.flutter.dev/development/tools/sdk/releases][https_docs.flutter.dev_development_tools_sdk_releases]下载flutter最新版本的SDK包。

![9ad5641b499b463ca4d5fdc83e8095c5.png][]

将安装包zip解压到你想安装Flutter SDK的路径（如：D:\\flutter\_windows\_3.7.5-stable\\flutter；注意，不要将flutter安装到需要一些高权限的路径如C:\\Program Files\\）。

![d1aa6ba7d32a4ea1b8a67217268116b3.png][]

#### 二、环境变量配置 ####

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

*  转到 “高级系统设置>环境变量”：

![a0b46aa227034832a9fcce264248c3d3.png][]

*  在“用户变量”下检查是否有名为“Path”的条目:

![8565736f0cbf45eea4ebf558511f5a0c.png][]

*  如果该条目存在， 追加 flutter\\bin的全路径，使用 ; 作为分隔符。

*  如果该条目不存在，创建一个新用户变量 Path ，然后将 flutter\\bin 的全路径作为它的值。

![ae555bfa9005437ea522ad6f84354dc1.png][]

在window命令行cmd中执行flutter --version，如果显示正确的版本号则说明配置成功了。

![836a8c4fc15a459cbbdcf801c76db975.png][]

#### 三、在vscode中用到的插件 ####

1.  flutter插件：打开vscode进入应用商店，搜索flutter。

![20ff942bd1c349ae8429d76d642a647d.png][]

1.  dart插件：进入vscode的应用商店，搜索dart。

![6967fedd91b642118e0f9f95456bd9df.png][]

1.  Flutter Widget Snippets插件

![d8bfdb2afe644dc0a96fd6617b1520ae.png][]

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

[新时代农民工][Link 1]

[https_docs.flutter.dev_development_tools_sdk_releases]: https://docs.flutter.dev/development/tools/sdk/releases
[9ad5641b499b463ca4d5fdc83e8095c5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/49f985f356a542c29529e27bfdf2e7ae.png
[d1aa6ba7d32a4ea1b8a67217268116b3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/ed6630eabf824636b63d5e9a69b5c4c7.png
[a0b46aa227034832a9fcce264248c3d3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/52d638428bf6447e8cfb9562f26eea02.png
[8565736f0cbf45eea4ebf558511f5a0c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/8ec42d1a13cf44108f14ad62b69de57d.png
[ae555bfa9005437ea522ad6f84354dc1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/a0a02d8a2d76420ea9e2fe189e321e4e.png
[836a8c4fc15a459cbbdcf801c76db975.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/28c60d9021994ba3b8a32e196443cedd.png
[20ff942bd1c349ae8429d76d642a647d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/bfd607f5b0524175867fefdb452676db.png
[6967fedd91b642118e0f9f95456bd9df.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/621e64aa03b5486997842294013dc6cf.png
[d8bfdb2afe644dc0a96fd6617b1520ae.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/e2a9faa436994f7198bef4e9d77e74d5.png
[Link 1]: https://www.sgknight.cn/