以下教程以mac配置为主
1、sdk获取()
git clone -b master https://github.com/flutter/flutter.git
./flutter/bin/flutter --version
2、国内需要设置镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn //(国内用户需设置)
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //(国内用户需设置)
3、路径配置(此路径为自己flutter文件夹路径
)
export PATH=$PATH:/Users/yijiaanhao/Desktop/flutter/flutter/bin
4、执行 flutter doctor
此时可能出现以下情况:
Flutter plugin not installed; this adds Flutter specific functionality.
✗ Dart plugin not installed; this adds Dart specific functionality.

5、android studio flutter 配置
在android studio 界面点击Preferences>Plugins
:搜索 flutter
和dart
并安装、重启android studio。

6、flutter Path配置
在bash_profile
编辑添加:
export PATH=[你Git的flutter工程目录]/flutter/bin:$PATH
eg:

运行以下命令行进行刷新:
source ~/.bash_profile
运行以下命令验证flutter/bin目录在PATH中:
echo $PATH
三、iOS环境依赖
需要通过homebrew安装用于将Flutter应用程序部署到iOS设备的环境和工具:
brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
不同情况下回 遇到很多不同情况,如果不成功可以通过flutter doctor
来定位问题
四、创建一个Flutter项目
经过上面三部环境基本上差不多了,现在来建立一个Flutter项目。
进入你想存放项目的目录,执行命令行:
flutter create flutterapp *切记不要大写!!!
五、在flutterapp
目录下,cmd输入
flutter run
这个时候会提示你所连接真机的信息,如下图,其中*后面的为手机id

6、执行命令行flutter run -d 手机id
等待一段时间后便会在你手机上运行项目
eg:
flutter run -d 0167B477-B0CC-4FAD-8403-837FC941500B
7、热重载功能
下载vscode,并安装flutter插件,然后点击下方绿色按钮,会在需要安装一些配置环境,等安装完成后,vscode会自动连接xcode的模拟机(安卓应该同样如此)。
image.png
此时当你改动main.dart里面的代码时,你会发现页面已经自动刷新。
image.png
image.png
网友评论