纯新手上路flutter 之 flutter环境配置

前言

从0记录学习flutter,学无止境
参考资料 flutter中文网

安装

使用镜像

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

获取Flutter SDK

大家可以从Install | Flutter选择自己的平台进行下载

也可以从gitHub进行下载

$ git clone https://github.com/flutter/flutter.git -b stable

下载之后选择文件夹解压(在网页下载)

$ unzip flutter_macos_2.8.0-stable.zip

将工具添加到路径:flutter

$ export PATH="$PATH:`pwd`/flutter/bin"

运行以下命令以查看是否需要安装任何依赖项才能完成安装(对于详细输出,请添加标志):-v

flutter doctor

会得到以下画面
显示我缺失Android toolchainChrome
根据提示可以进行下载

iShot2021-12-09 10.42.09.png

平台设置

macOS 支持在 iOS、Android 和 Web 中开发 Flutter app(技术预览版)。现在至少完成一个平台设置步骤,以便能够构建和运行您的第一个Flutter应用程序。
iOS构建

iOS构建

  • 安装最新的稳定版 Xcode(使用Web 下载Mac App Store)。

  • 通过从命令行运行以下命令,将 Xcode 命令行工具配置为使用新安装的 Xcode 版本:

    $ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
    $ sudo xcodebuild -runFirstLaunch
    

    在大多数情况下,当您想要使用最新版本的 Xcode 时,这是正确的路径。如果需要使用其他版本,请改为指定该路径。

  • 确保通过打开 Xcode 一次并确认或从命令行运行来签署 Xcode 许可协议。
    输入空格后 看到
    By typing 'agree' you are agreeing to the terms of the software license agreements. Type 'print' to print them or anything else to cancel, [agree, print, cancel] agree
    输入 agree 进行签署 xcode 许可协议

$ sudo xcodebuild -license

设置 iOS 模拟器

在 Mac 上,通过 Spotlight 或使用以下命令查找模拟器:

 $ open -a Simulator

走到这里 可以开启xcode的模拟器,可以进行验证是否可以运行flutter程序

创建并运行一个简单的 Flutter 应用程序

要创建您的第一个 Flutter 应用并测试您的设置,请按照以下步骤操作:

  • 通过从命令行运行以下内容来创建新的 Flutter 应用:

    $ flutter create my_app
    
  • 将创建一个目录,其中包含 Flutter 的初学者应用程序。输入此目录:my_app

    $ cd my_app
    
  • 要在模拟器中启动应用程序,请确保模拟器正在运行,然后输入:

    $ flutter run
    

注意

配置编辑器

编辑器可以选择Android Studio、IntelliJ或VS Code
这里我选择VS Code 进行编译
可以从官网下载 VS Code Download Visual Studio Code - Mac, Linux, Windows

安装flutter插件

  • 启动 VS Code
  • 调用 View>Command Palette…
  • 输入 ‘install’, 然后选择 Extensions: Install Extension action
  • 在搜索框输入 flutter , 在搜索结果列表中选择 ‘Flutter’, 然后点击 Install
  • 选择 ‘OK’ 重新启动 VS Code
iShot2021-12-09 09.45.37.png

验证是否安装成功

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

推荐阅读更多精彩内容