想上手Flutter的准备工作, 后续连续完善.
体系: Mac OS
体系最低要求
- MacOS （64-bit）
- 磁盘空间：大于700M，假如算上Android Studio等编辑东西，尽量大于3G。
- 指令行东西：bash、mkdir、rm、git、curl、unzip、which、brew 这些都能够运用。
开发东西
XCode
用来编译iOS、iPadOS、macOS运用和打包上架(内置iOS开发东西链), 在App Store上搜索下载即可, 也能够在苹果官网下载指定版别: developer.apple.com/download/al…
Android studio
编写Dart&Flutter代码、编译安卓运用和打包, 需求装置Dart插件、Flutter插件(如下图)
安卓东西链, 运用安卓设备进行开发和调试 (假如用iOS设备进行开发和调试, 安卓东西链不装置也能够)
Android studio的设置中快速下载对应安卓东西链的SDK(如下图)
Chrome
浏览器 用来运转web端项目.
Visual Studio code
需求装置Dart插件、Flutter插件, 效果和Android studio一样, 装置其中一个就能够.
指令行东西
CocoaPods
用来办理苹果相关的三方库, 装置需求Ruby环境、Ruby办理东西(RVM),苹果电脑自带的Ruby环境有或许版别低
1.1.经过Ruby的分包东西Gem装置CocoaPods
sudo gem install -n /usr/local/bin cocoapods
需求输出暗码时光标不会移动, 暗码输入完成按回车健就能够.
Password:
装置进程有点慢, 等候即可. 输出成果:
22 gems installed
1.2.查看装置位置
which pod
输出成果:
/usr/local/bin/pod
1.3.装备CocoaPods
pod setup
输出成果:
Setting up CocoaPods master repo /usr/bin/git clone https: //github. com/CocoaPods/Specs. git master --progress cloning into 'master
然后就卡住不动了, Cocoapods正在将它的信息下载到~/.cocoapods里. 能够command+n新建一个终端窗口，履行cd ~/.cocoapods/进入到该文件夹下， 然后履行du -sh *来查看文件巨细，每隔几分钟查看一次，这个目录终究巨细约900多M. 当呈现Setup completed的时分阐明现已完成了。
假如有Cocoa pod 需求更新, 进程有点慢等候即可.
sudo gem install -n /usr/local/bin cocoapods --pre
2.Flutter引荐的装置方法 Homebrew(macOS 的套件办理东西)
brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy
brew install cocoapods
pod setup
以上每一行指令都需求履行时间, 悉数完成预计2小时左右, 并且需求VPN.
Homebrew 官网: brew.sh/index_zh-cn…
– 装置或许遇到的问题
- ERROR: Error installing cocoapods:
- ERROR: Failed to build gem native extension.
上面的问题是RVM引起的, 查看RVM环境
- gem报错, 或许是装置了多个环境 经过下面的指令查看
where gem
Ruby
1.查看Ruby版别, Mac电脑自带Ruby
ruby -v
- 输出成果:
ruby 2.6.10p210 (2022-04-12 revision 67958) [universal.x86_64-darwin21]
2.更新Ruby环境, 需求RVM东西, 下面有RVM的装置
rvm list known
3.依据第2步列出的ruby版别列表装置对应的版别即可.
rvm install 2.4.1
4.重复第1步查看是否成功 假如装置了多个版别的Ruby能够经过下面的指令切换
rvm use 2.6.9
Ruby镜像源切换
1.移除已有的源
gem sources --remove https://rubygems.org/
输出成果:
https://rubygems.org/ removed from sources
2.添加新的源
gem sources -a https://mirrors.ustc.edu.cn/rubygems/
输出成果:
https://mirrors.ustc.edu.cn/rubygems/ added to sources
3.查看当前镜像源
gem sources -l
RVM (Ruby Version Manager)
1.查看rvm是否装置
rvm -v
2.假如没有装置, 输入以下指令, 需求VPN, 有或许失败(网络原因)多试几回.
curl -L get.rvm.io | bash -s stable
3.装备RVM环境
source ~/.bashrc
source ~/.bashprofile
4.完成后从头履行第一步查看是否装置成功
成功后输出成果:
rvm 1.29.12 (latest) by Michal Papis, Piotr Kuczynski, Wayne E. Seguin [https://rvm.io]
Java
一般情况下Mac电脑都带, 但是有或许版别太老
查看装置地址
/usr/libexec/java_home -V
查看版别
java -version
Java SDK下载: www.oracle.com/technetwork…
| JDK目录结构 | 文件效果 |
|---|---|
| bin | JDK开发东西的可履行文件。 |
| lib | 开发东西运用的归档包文件。 |
| jre | Java 运转时环境的根目录，包括Java虚拟机，运转时的类包和Java运用启动器，但不包括开发环境中的开发东西。 |
| demo | 含有源代码的程序示例。 |
| include | 包括C言语头文件,支撑Java本地接口与Java虚拟机调试程序接口的本地编程技术。 |
装备java环境
cd ~
假如此前建过.bash_profile隐藏装备文件,直接在终端翻开文件即可,假如没有则输入下方指令。
touch .bash_profile
输入open .bash_profile翻开文件
open .bash_profile
翻开.bash_profile文件后中输入环境装备参数,将下方参数放入其中，并保存(假如用的是vi翻开的按esc 输入:wq退出假如是文本直接command + S)退出即可。留意其中的JAVA_HOME这是上文提到的JDK装置途径，自己JDK装置途径放这放这，然后保存。
JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk-11.jdk/Contents/Home
PATH=$JAVA_HOME/bin:$PATH:.
CLASSPATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.
export JAVA_HOME
export PATH
export CLASSPATH
输入以下指令使装备文件收效。
source .bash_profile
查看环境变量的途径，查看是否装备成功。
echo $JAVA_HOME
查看JDK的版别信息。
java -version
Flutter SDK 下载
- SDK官网下载地址: docs.flutter.dev/get-started…
依据不同体系下载对应的稳定版别SDK
macOS的M系列芯片和intel芯片对应不同的SDK包
SDK压缩包下载完成后解压途径选择好, 途径变化后需求修正的地方很多.
- 英文官网:flutter.dev
- 中文官网:flutter.cn
环境装备
- 经过终端进行环境变量装备, 指令如下, 假如没有文件经过vim创建
open ~/.zshrc
2.在翻开的文件里添加如下内容,
#装备Flutter环境变量
export PATH=~/(这里是flutterSDK的途径)/bin:$PATH
#export PATH=~/Project/flutter_sdk/sdk_3.7.11/flutter/bin/cache/dart-sdk/bin:$PATH
#装备Flutter镜像, Flutter 的履行是要进行联网的，假如有VPN这个能够疏忽
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
3.装备完成后，需求用source指令从头加载一下 ，具体指令如下：
source ~/.zshrc
4.上面的都完成后 在终端输入以下指令查看
flutter doctor
假如以上东西和插件都正确装置后输出成果如下图
也能够用 flutter doctor -v 查看更详细的查看项
flutter doctor -v
