搭建Flutter环境
Windows系统下
(1)系统要求
操作系统: Windows 7 或更高版本 (64-bit)
磁盘空间: 400 MB (不包括Android Studio的磁盘空间).
工具: Flutter 依赖下面这些命令行工具.
Git for Windows (Git命令行工具)。
(2)获取Flutter SDK
在Flutter官网下载最新可用的安装包:
https://flutter.dev/docs/development/tools/sdk/releases
将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter)
(3)更新环境变量(非设置临时PATH变量,而是要将Flutter永久添加到路径中)
a.转到“控制面板/用户账户/更改我的环境变量”;
b.在“用户变量”下检查是否有名为“Path”的条目:
若条目存在:追加flutter\bin的全路径,使用 ; 作为分隔符。若条目不存在:创建一个新用户变量Path,然后将flutter\bin 的全路径作为它的值。
在“用户变量”下检查是否有名为 “PUB_HOSTED_URL”和 “FLUTTER_STORAGE_BASE_URL”的条目,如果没有,请添加;
c.重启Windows,应用更新。
(4)运行flutter doctor
打开一个新的命令提示符或PowerShell窗口并运行 flutter doctor以查 看是否需要安装任何依赖项来完成安装(Flutter目前不支持Git Bash等 第三方shell)。
(无需单独安装Dart,Dart SDK已经捆绑于Flutter)
(5)编辑器设置(建议使用Android Studio或者VS Code)
Android Studio:
安装Android Studio 3.0或更高版本;
安装Flutter和Dart插件:打开插件首选项 File>Settings>Plugins;
选择Browse repositories...;
选择Flutter插件并点击install;
重启Android Studio插件生效。
VS Code :
安装VS Code 1.20.1或者更高版本;
安装Flutter插件:调用View>Command Palette..;
输入install后,选择Extensions: Install Extension action;
在搜索框中输入flutter,在搜索结果列表中 选择‘Flutter’,然后点击Install;
选择‘OK’重新启动VS Code。
通过Flutter Doctor验证设置:
调用View>Command Palette。。。;
输入‘doctor’,选择‘Flutter: Run Flutter Doctor’ action;
查看‘OUTPUT’窗口输出是否正确
macOS环境下
(1)系统要求(最低要求)
操作系统: macOS(64-bit)
磁盘空间: 700 MB (不包括Xcode或Android Studio的磁盘空间).
工具: Flutter 依赖下面这些命令行工具:
bash,mkdir,rm,git,curl,unzip,which
(2)获取Flutter SDK
在Flutter官网下载最新可用的安装包:
https://flutter.dev/docs/development/tools/sdk/releases
将安装包解压到你想安装Flutter SDK的路径.如:
cd ~/development
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip
(3)更新环境变量(非设置临时PATH变量,而是要将Flutter永久添加到路径中):
a.确定Flutter SDK的路径P;
b.打开/创建$HOME/.bash_profile
创建:vim .bash_profile
打开:open .bash_profile
c.在 .bash_profile文件中添加以下行:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=P/flutter/bin:$PATH
(4)运行source .bash_profile,刷新当前终端窗口
(5)编辑器设置(建议使用Android Studio或者VS Code)
Android Studio:
安装Android Studio 3.0或更高版本;
安装Flutter和Dart插件:打开插件首选Preferences>Plugins;
选择Browse repositories..;
选择Flutter插件并点击install;
重启Android Studio插件生效。
VS Code :
安装VS Code 1.20.1或者更高版本;
安装Flutter插件:调用View>Command Palette..;
输入install后,选择Extensions: Install Extension action;
在搜索框中输入flutter,在搜索结果列表中 选择‘Flutter’,然后点击Install;
选择‘OK’重新启动VS Code。
通过Flutter Doctor验证设置:
调用View>Command Palette...;
输入‘doctor’,选择‘Flutter: Run Flutter Doctor’ action;
查看‘OUTPUT’窗口输出是否正确)
想看更多精彩内容
请关注我们的实验室公众号哟
扫码关注啦!