初学Flutter-安装以及配置环境

151 阅读2分钟

安装Flutter(mac环境)

  1. 因为我是m1芯片。按照文档先安装Rosetta 2环境,执行以下命令
sudo softwareupdate --install-rosetta --agree-to-license
  1. 官网有两种安装方式我选择github直接拉,在终端运行以下命令
git clone https://github.com/flutter/flutter.git -b stable
  1. 安装完成后需要配置环境变量,在你的.bash_profile(这是我设置环境变量的名称)文件添加以下代码($PATH:后面具体接你的安装后flutter/bin的路径),我的是在~路径下面,添加下面环境后需要在执行一边source
export PATH="$PATH:$HOME/flutter/bin"

添加完环境后在终端执行以下命令(或者重启终端),确保环境生效

source ~/.bash_profile
  1. 环境配置后,(提前在storeApp安装 Xcode)运行以下命令,来查看当前环境是否需要安装其他的依赖
flutter doctor

截屏2022-12-05 20.43.12.png 他会提示警告和错误,按照错误提示依次执行以下代码

flutter doctor --android-licenses
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch

还有最后一个错误,这个需要终端代理才能解决!这个根据个人使用工具解决。如果没有可以私我 截屏2022-12-05 20.50.52.png

以下是运行命令flutter doctor成功的结果 截屏2022-12-05 20.53.07.png

  1. 在运行以下命令安装所需要的二进制文件
flutter precache
  1. 安装完成后可以运行以下命令来创建你的flutter项目,

根据你的自己的文件目录需要来创建项目

flutter create my_app
  1. 切换到你的my_app文件目录,运行
flutter run

以下图片是运行成功弹出窗口的结果 截屏2022-12-05 21.02.29.png

配置IOS环境

这个可以根据官网依次步骤来。注意点就是mac和你的iphone用线链接,信任设备。手机要去vpn与设备管理添加信任、还有安装时候可能要翻墙比如这个命令sudo gem install cocoapods。这个因为我之前玩过react native 好像踩过坑; 配置完成后跟显示mac端差不多。

image.png