美文网首页
Flutter 开发准备

Flutter 开发准备

作者: 柏龙 | 来源:发表于2020-03-09 16:03 被阅读0次

下载安装 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开发准备

    Flutter开发准备 Flutter 介绍 Flutter 环境搭建 Flutter开发工具 Flutter 介...

  • Flutter 开发准备

    下载安装 Mac 配置 官网下载地址 直接下载慢的话,建议用迅雷下载。 解压下载 文件 flutter_macos...

  • Android开发 学习Flutter 入门

    Android开发 学习Flutter 入门 一、前言 最近项目准备用Flutter混合开发,写写学习的笔记吧,学...

  • Flutter开发前期准备

    具体参考flutter中文网本文章使用VS Code来编辑 一:下载flutter SDK 1、官网 flutte...

  • android flutter 文章汇总

    flutter环境搭建flutter填坑flutter 技术专辑flutter 开发web应用flutter 开发...

  • Flutter 混合开发FlutterBoost Android

    最近公司开始推行使用Flutter用于移动端开发,忙活了一个多月的Flutter混合开发迭代端午节后准备上线,写下...

  • 钥匙不在锁头上

    公司考虑到之后要开发一个较大的版本,所以准备引入flutter框架来开发新的功能。 Flutter是谷歌的移动UI...

  • 前端知识储备

    小程序开发 小程序文档 Flutter开发 老孟flutter Flutter中文网 Flutter之AboutD...

  • 使用 Flutter 开发 macOS App

    使用 Flutter 开发 macOS App 使用 Flutter 开发 macOS App

  • Flutter开发环境搭建(Windows环境下)

    前期准备 使用镜像 由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,...

网友评论

      本文标题:Flutter 开发准备

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