Flutter(一)Mac环境搭建

本文是flutter学习的第一步,刚开始接触一门语言进行编程的时候,首先要做的是要把语言所依赖的环境搭建好,(虽然有的环境搭建很费劲,比如国内android studio),本文只以macOS为基础搭建,Windows具体搭建,请参考flutter官方文档

系统配置要求

  • 操作系统 macOS(64 位)
  • 磁盘空间 2.8 GB(不包含 IDE 或其余工具所需要的磁盘空间)
  • 命令工具 Flutter 需要你的开发环境中已经配置了以下命令行工具。
     bash
    curl
    git 2.x
    mkdir
    rm
    unzip
    which
    zip

下载Flutter SDK 并配置环境变量

  1. 前往官网下载最新的稳定版SDK
    下载地址
  2. 将文件解压到目标路径, (~/Flutter是自己创建的一个存放sdk的路径,flutter_macos_1.17.5-stable.zip是下载的1.17.5版本的flutter sdk)比如:
cd ~/Flutter
unzip ~/Downloads/flutter_macos_1.17.5-stable.zip
  1. 配置flutter环境变量
    找到 .bash_profile文件,打开 编辑,添加
#配置国内镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn 
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
#Flutter sdk 路径
export FLUTTER_HOME=自己创建的flutter sdk存放路径/flutter
export PATH=$PATH:$FLUTTER_HOME/bin
#dart 语言sdk 路径
export PATH=$PATH:$FLUTTER_HOME/bin/cache/dart-sdk/bin

添加保存以后->终端运行

source ~/.bash_profile

此时flutter 安装完成,我们测试一下,终端运行

flutter --version

如下图所示,配置成功


flutter 版本

配置iOS环境

  1. 如果想为Flutter配置iOS开发环境,需要在我们的电脑上安装一个Xcode,如果没有装,从App Store下载安装,或者从https://link.jianshu.com/?t=https://developer.apple.com/download/more 选择Xcode版本下载安装(需登录Apple id)
  2. 选择iOS模拟器
    安装好Xcode之后,我们选择我们使用的iOS模拟器
    打开Xcode,右上角点击Xcode - Open Developer Tools - Simulator


    默认模拟器

    这个时候会打开一个默认的iOS模拟器,也可以在Hardware - Device - 系统版本中选择自己想要测试的模拟器


    指定模拟器

配置 android 环境

想为Flutter配置Android开发环境,需要在我们的电脑上安装一个Android Studio
官方下载网址 https://developer.android.com/studio/?utm_source=android-studio 点击下载,双击安装

打开Android Studio,会问我们是否要设置代理,这是因为下载Android SDK等在国内不好下载,最好设置代理 ,如何设置代理,百度一下,你就知道。

设置安卓模拟器
打开Android Studio,在右下方有个设置的图标Configure,点击选择->左下+Create virtual device...->下一步->下一步创建一个模拟器

选择安卓模拟器

创建完模拟器,点击启动
模拟器

开发工具

  1. Android Studio


    配置 sdk
配置 sdk
  1. VS Code
    VS Code 添加插件Code Runner Dart Flutter
    配置 sdk

    查找安装即可

检测Flutter 安装环境是否正确

终端执行

flutter doctor

flutter doctor

解决第二个⚠️,有提示 flutter doctor --android-licenses执行选择(Y/N),输入Y即可
flutter doctor --android-licenses

解决第一个错误-根据提示增加sdk
Android SDK

Android SDK Tools

此时终端执行flutter doctor
flutter doctor

只剩一个Connected device,是没打开模拟器,打开模拟器,在执行发现没有其他问题了
flutter doctor

安装过程中,可能还会遇到其他问题,大部分是需要安装的命令工具缺失,根据flutter doctor中执行的错误提示,添加即可。

此时,我们的flutter 环境已经安装好了,可以进行语言学习快了的玩耍了 ^_^

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,463评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,868评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,213评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,666评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,759评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,725评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,716评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,484评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,928评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,233评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,393评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,073评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,718评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,308评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,538评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,338评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,260评论 2 352