「这是我参与2022首次更文挑战的第17天,活动详情查看:2022首次更文挑战」
Flutter环境搭建(Mac版)
一、下载Flutter SDK
两种下载方式: 第一种:在Flutter官网下载。 第二种:在GitHub下载源码,可以直接download zip包,也可以使用git命令行克隆
命令行如下:
git clone -b beta https://github.com/flutter/flutter.git
注:下载zip包完成后,记得解压。
二、配置Flutter SDK
- 进入mac终端,直接输入命令
vim ~/.bash_profile; - 敲键盘字母“i”(代表INSERT);
- 粘贴以下代码,将镜像加入到环境变量中。
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
// /Users/work 我的文件路径
export PATH=/Users/work/flutter/bin:$PAT
当前flutter文件夹下 按快捷键command+Option+C,即可复制文件的全路径
- 执行以下代码
source ~/.bash_profile(类似于刷新终端的功效,以前没有过.bash_profile的需要执行此步) - 此时,可以运行flutter命令,检测是否配置成功
flutter -h,如果成功,应该会有如下显示即可
- 运行
flutter doctor,检测flutter环境,此步就是根据检测结果
三、安装 Android Studio
安装 Android Studio 一路next就行
点击finish 再次运行 flutter --version flutter doctor
四、Mac电脑flutter安装成功了但是仍然提示flutter command not found
- 如果能正常运行,说明已经配置成功,若还是提示
flutter command not found则需要再进行配置(出现这个的原因:Mac电脑加载的是.zshrc文件,下面是解决方案) - 命令行输入
sudo vi ~/.zshrc
- 编辑
.zshrc文件, 输入i进入到编辑模式,在最后一行输入
source ~/.bash_profile
- 保存
.zshrc文件,按ESC退出编辑模式,输入:wq保存退出 - 刷新
.zshrc文件
source ~/.zshrc
flutter doctor --android-licenses. 一路y 确认即可
flutter run
Android模拟器运行
我们需要先添加一个安卓模拟器,在工具栏右侧点击AVD Manager按钮添加安卓模拟器:
- 创建虚拟机
- flutter run
下载安装 Xcode(如果需要在ios开发可以选择走这一步)
### flutter 运行命令
1.`flutter doctor`:检查flutter状态,很重要能知道自己环境配置的问题。 2.`flutter emulators`:获取模拟器列表(iOS、Android模拟器) 例如: available emulators: Pixel_2_API_29 • Pixel 2 API 29 • Google • android apple_ios_simulator • iOS Simulator • Apple • iOS `flutter emulators --launch xx`:启动模拟器 例如: `flutter emulators --launch Pixel_2_API_29` `flutter emulators --launch apple_ios_simulator` iOS 模拟器也可以直接使用`open -a Simulator` 3.`flutter devices`:获取所有真机设备列表包括iOS模拟器 4.`flutter run -d <deviceId>`:运行指定模拟器或者真机 5.`flutter run -d all`:运行所有模拟器 注意:run的时候,必须要要先启动模拟器完成。 6.`flutter build apk`:打包apk 7.`flutter build ios`:打包ipa 8.`flutter config -xx`:配置打包等信息。 9.`flutter channel`:查看flutter sdk的所有分支 10.`flutter channel stable`:切换sdk分支 11.`flutter packages get`:获取flutter项目中以来的包,不包括flutter sdk 12.`flutter packages upgrade`:更新flutter项目所有依赖包,不包括flutter sdk 13.`flutter analyze`:分析代码 14.`flutter`:获取flutter所有命令,如果其他的都没记住,这个一定要记住。 15.`flutter help`:查看命令的帮助信息 16.更重要的一点热加载,需要在控制台输入R就可以。
### Flutter 生命周期
### 在ios设备上遇到的问题
```
Warning: CocoaPods not installed. Skipping pod install.
CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on the Dart side.
Without CocoaPods, plugins will not work on iOS or macOS.
For more info, see https://flutter.dev/platform-plugins
To install see https://guides.cocoapods.org/using/getting-started.html#installation for instructions.
```
- 直接在当前控制台中输入 `brew install cocoapods.` 默认是在项目根目录执行
> `brew install cocoapods`
>
> - 下载完成之后在执行 `pod setup` 就可以了
>
> > `pod setup`
> >
> >