跨平台小白的旅途
1、搭建环境所需资料下载地址以及说明(有的需要翻墙):
1.flutter SDK 下载地址以及flutter 官网。(zip文件大小604M)
2安卓SDK下载。(zip文件大小1.36G,根据需要去做筛选)
3.Android Studio (也可以使用VS code)工具下载。(这里使用的是AS.dmg大小1.08G)
2、更新HomeBrew
HomeBrew在Mac电脑上默认自带这个工具包,我们只需要安装Flutter之前先升级它。
打开终端输入命令:$ brew update
3、环境的配置*
1.现在根目录下创建一个.bash_profile 配置文件:
命令:vi ~/.bash_profile
2.配置flutter环境
export PUB_HOSTED_URL=https://pub.flutter-io.cn # 国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn # 国内用户需要设置
export PATH=$PATH:/Users/yunchuangchelianwang/flutter/bin
注意:如果上面的PATH路径没有配置正确,后面可能使用flutter的命令的时候会报出这 样的错误:--bash: no command flutter xxxx
配置完以后使用命令:$ source .bash_profile
验证flutter是否安装配置完毕:$ flutter doctor
如果是✅就是安装并配置完毕
3.配置安卓环境变量
在第一步创建好的.bash_profile配置文件中添加:
1.#安卓sdk的路径
export ANDROID_HOME=~/Library/Android/sdk
2. #安卓模拟器路径
export PATH=${PATH}:${ANDROID_HOME}/emulator
3.#安卓tools路径
export PATH=${PATH}:${ANDROID_HOME}/tools
4.#安卓平台工具
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
4.安装Android Studio的插件
1.检测配置环境
$ flutter doctor
打开Android Studio的设置界面:(快捷键command + ,)
安装完成以后重启后启动界面如下:
最后在Android Studio中添加安卓和iOS模拟器即可。
5.配置iOS环境
同样先检测配置环境:$ flutter doctor
解决问题命令如下:
$ brew link pkg-config
$ brew install --HEAD usbmuxd
$ brew unlink usbmuxd
$ brew link usbmuxd
$ brew install --HEAD libimobiledevice
$ brew install ideviceinstaller
注意:期间如果网络不好可能会连接失败倒是下载失败,可以用这些命令重新敲一遍,如果安装成功会有警告是否重新安装。如果没有提示警告会自动下载原先失败的。
每次输入命令的时候需要仔细查看返回的信息。在执行下一步命令的时候会有提示需要先执行那些命令。
例如:
Error:Xcode alone is not sufficient on Mojave. Install the Command Line Tools: xcode-select --install
执行:$ xcode-select --install
6.最后的检测环境配置
7.最后一步:用命令行创建一个demo
1.进入到代码的工作目录
2.$ flutter create 项目名
注意:项目名: #项目名必须是用小写,不能有大写字母,可以使用下划线分割
3. #如果只有一个模拟器名
获取模拟器的名称:$flutter run #会给出提示添加的模拟器
默认启动$ flutter run -d '模拟器名'