Flutter 开发准备

下载安装 Mac 配置

  • 官网下载地址 直接下载慢的话,建议用迅雷下载。
  • 解压下载 文件 flutter_macos_v1.12.13+hotfix.8-stable.zip 直接把解压后的 flutter 文件夹拖到应用程序中即可
  • 打开终端 执行一下 flutter 如果提示没有找到这个命令 command not found: flutter
  • cd ~ vim ~/.bash_profile (如果没有这个文件就新建 touch ~/.bash_profile 即可)
  • 在文件里添加一行 export PATH=$PATH:/Applications/flutter/bin 保存退出
  • 执行 source ~/.bash_profile 没有报错的话 说明已经配置完成
  • 最后执行 flutter --help 出现帮助信息
  • 在应用商店搜索 Xcode 安装直到运行完成
  • 左上 Xcode -> Open Developer Tool -> Simulator 点开它就可以看到一个真机模拟器,或者用命令 open -a Simulator 也同样可以找开
  • Flutter镜像配置 -- Flutter中文社区

配置 Visual Studio Code

  • 打开 Visual Studio Code 编辑器 官网下载 - https://code.visualstudio.com/
  • 快捷键 control + ~ 打开 TERMINAL 运行 flutter doctor 如果提示没找到的话,再执行下 source ~/.bash_profile 刷新下当前终端窗口即可
  • 再执行 flutter doctor ... ! Doctor found issues in 5 categories. 完成
  • 安装扩展插件 flutter ,点击 Install 即可
  • 打开命令面板 command + shift + p 输入 flutter 可以看到有三个选项 New Project Run Flutter Doctor Run Flutter Upgrade

配置 Android 开发环境

  • 下载 Android Studio官网下载 当前版本 Version 3.6.1 ---- google地址

  • 下载 JDK 当前下载 jdk13 --- 国内华为镜像

  • 国内访问很慢,配置一个镜像 Android Studio -> Preferences -> Appearance & Behavior -> System Settings -> HTTP Proxy 勾选 Auto-detect proxy settings -> 勾选 Automatic proxy ... RUL 输入 mirrors.neusoft.edu.cn:80 -> Clear passwords -> ok 完成

  • 检测问题命令 flutter doctor 提示没有接收一些协议

   ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.

运行 flutter doctor --android-licenses

你可能感兴趣的:(Flutter 开发准备)