欢迎来到Flutter!
开启我们Flutter之旅,首先需要安装下开发环境,下面跟着我一步一步来安装吧:)
- 去Flutter官网下载其最新可用的安装包,点击去下载
注意:众所周知,由于国内某种原因有可能读者可能无法下载安装包,读者可以去Flutter github项目去下, 下载地址
- 将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)
- 在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。
注意: 由于一些
flutter
命令需要联网获取数据,如果您是在国内访问,由于众所周知的原因,直接访问很可能不会成功。 谷歌为我们搭建了国内镜像,所以需要我们在系统环境变量里增加两个详情请参考
配置环境变量:
- 转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”
- 在“用户变量”下检查是否有名为“Path”的条目:
如果该条目存在, 追加 flutter\bin的全路径,使用 ; 作为分隔符.
如果条目不存在, 创建一个新用户变量 Path ,然后将 flutter\bin的全路径作为它的值. - 在“用户变量”下检查是否有名为”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的条目,如果没有,也添加它们。
- PUB_HOSTED_URL=https://pub.flutter-io.cn
- FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
- 重启window以应用此更改
4.运行flutter doctor
打开一个新的命令提示符或PowerShell窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装:
fluttor doctor
该命令检查您的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了,没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务(以粗体显示)
最终输入如下图:
注意: 图中 4个红色叉叉是因为版本为version 2.3和3.1的android studio 没安装Flutter 插件导致
当然你也可以用vscode
插件安装方法:
- 启动Android Studio.
- 打开插件首选项 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
- 选择 Browse repositories…, 选择 Flutter 插件并点击 install.
- 重启Android Studio后插件生效.
再次运行flutter doctor
一旦你安装了任何缺失的依赖,再次运行flutter doctor命令来验证你是否已经正确地设置了。
第一次运行一个flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。
- IDE安装方法