1.升级MacOS系统到最新版本, 查看自己电脑的是Intel芯片还是Apple芯片(M1),后面有用
以上步骤查看芯片
2.安装最新版 Xcode: 从应用市场下载(切记别在度娘上找) 应用市场(app store) 搜索下载
3.安装brew
打开 https:brew.sh/
4.安装chrome浏览器同上安装xcode (开发web;从开发者角度来讲推荐安装chrome)
5.下载flutter SDK docs.flutter.dev/release/arc…
解压到目标文件夹,就是你想要安装的sdk的目录 (最好是和存放项目的文件件分开)
6.配置flutter环境变量
首先打开 .bash_profile文件 (两种方式)
1.通过文件夹打开
鼠标点击桌面空白地方
复制下面三行 到.bash_profile 保存;
export PUB_HOSTED_URL=pub.flutter-io.cn //国内用户需要设置 export FLUTTER_STORAGE_BASE_URL=storage.flutter-io.cn //国内用户需要设置 export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH
注意:红框里要替换成你刚才存放flutterSDk目标文件夹路径
:按住文件不放拖进打开的终端可以获取完整的文件路径
在终端里运行以下代码: 检查flutter环境安装情况
flutter doctor
2.通过终端直接编辑: vim ~/.bash_profile
打开后 复制下面,注意替换路径
export PUB_HOSTED_URL=pub.flutter-io.cn //国内用户需要设置 export FLUTTER_STORAGE_BASE_URL=storage.flutter-io.cn //国内用户需要设置 export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH
保存后记得 运行 source ~/.bash_profile
为了保险起见(后面运行不报错) 建议在.zshrc里重复上面的操作
检查flutter环境安装情况
flutter doctor
在mac电脑开发以上几项没问题就可以了 一般可能报错的是提示没有安装cocoapods(第三方库管理工具) 建议使用 brew 安装,在终端 运行
brew install cocoapods
pos setup
再次 flutter doctor 验证 成功后
7.创建项目
cd 目标文件夹路径
创建项目 flutter create xxx01
打开权限 sudo chmod -R 777 xxx01
选择 项目文件夹里ios文件下的 Runner.xcworkspace 文件打开,如果报以下错误
flutter项目导入到xcode以后第一次运行提示 ：Could not find included file ‘Generated.xcconfig‘ in search paths 的解决方案:
最新版本的flutter导入到xcode后没法直接编译 我们首先需要运行一下 flutter build ios 然后重新启动Xcode
接下来
安装vscode 后打开项目文件夹,选择 运行环境
运行 flutter run
最后建议使用 android studio 创建项目
对于初次接触flutter ,学会安装是第一步 有报错不要慌,仔细阅读报错内容,查找对应解决方案.
你所有的付出都会变成你成长的经验!
