美文网首页
学习Flutter(1)

学习Flutter(1)

作者: 程序狗旭旭旭 | 来源:发表于2023-06-27 15:28 被阅读0次

Flutter是一个趋势, 现在面试越来越多的公司要求懂Flutter,毕竟这个东西跨平台开发是很好的。
文档地址

本文只是安装环境,并Debug默认创建的项目。
下面先来安装环境。

  1. 官网提示,Apple芯片的Mac 需要安装Rosetta2环境。
    sudo softwareupdate --install-rosetta --agree-to-license
  2. 从官网去下载Flutter SDK。 链接
  3. 解压zip包。(PS: 可以使用unzip指令,也可以直接把解压的包放到你想放的目录里去)
  4. 配置PATH环境变量。我用的是zsh 所以我的操作是打开电脑上的zsh配置文件open ~/.zshrc, 然后把解压的flutter路径写入。
export PATH=${PATH}:/Users/xxx/flutter/bin
  1. 如果不生效重启终端或者使用source ~/.zshrc。使用which flutter来检测是否可用。
  2. 使用flutter doctor来查看哪里有问题。
  3. 安装Xcode 或者Android Studio,我这边是Xcode,所以用Xcode来举例。
  4. 安装VSCode,我习惯用VSCode,所以Flutter的开发工具我是使用的这个。
  5. 打开VSCode,cmd+shift+P 打开命令面版,输入Install Extensions, 安装Flutter插件,安装完成后Flutter: Run Flutter Doctor。来查看是否有安装错误。
  6. 打开Flutter项目后提示的安装Dart插件啥的都可以安装一下。
  7. IDE底部可以选择模拟器 image.png
  8. 可以用VSCode的cmd+shift+P 来选择Flutter: New Project。创建一个新的工程。 也可以用终端flutter create my_app来创建新的工程。(my_app是工程名字,可以自己更换)
  9. 打开新工程,VSCode右上角可以Debug项目,也可以通过终端flutter run来Debug image.png

相关文章

网友评论

      本文标题:学习Flutter(1)

      本文链接:https://www.haomeiwen.com/subject/wcrnydtx.html