Flutter 旅程(一)Mac版Flutter的安装


一、获取Flutter SDK(选择自己的操作系统和最新稳定的版本(Stable版本))

方法一:(通过git clone 直接获取flutter sdk)

1,创建一个FlutterSDK安装文件夹,并cd 到该文件下

例:cd/Users/XXX/Desktop/development  (这里我是放在桌面的文件夹)

2,在该文件下,执行命令:

git clone-b dev https://github.com/flutter/flutter.git

方法二:(现在flutter 官网上进行下载flutter sdk)

1,将下载的sdk放到你指定的文件夹中

2,但是在运行flutter相关命令的时候会有报错信息:

Error: The Flutter directory is not a clone of the GitHub project. 

         The flutter tool requires Git in order to operate properly;

         to install Flutter, see the instructions at:

         https://flutter.dev/get-started

此时需要进入flutter sdk所在的目录下 执行 git init 将使其成为一个git仓库 ,即可


二、环境变量配置

MacOS环境变量配置

export FLUTTER_HOME=/Applications/flutter (这边找到你所在的flutter文件目录下,进行单独配置,防止后面变动)

export PATH=$PATH:$FLUTTER_HOME/bin

export PATH=$PATH:$FLUTTER_HOME/bin/cache/dart-sdk/bin

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

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

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

对于上述的配置文件,你需要在~/.bash_profile文件下进行

对于~/.bash_profile文件的操作:

打开命令行工具 输入

vim./.bash_profile// 或者sudo vi~/.bash_profile

如果此时已创建,则输入e按回车即可进入编辑模式

然后编辑该文件, 输入i即可进入编辑模式

将上述的配置写入该文件中。

保存 .bash_profile 文件

按键盘上的ESC退出编辑模式,然后输入:wq保存并退出文件

刷新 .bash_profile 文件

source $HOME/.bash_profile// 或者source~/.bash_profile

环境配置成功后,此时你可以创建一个flutter 项目了。

我这里知道,Flutter可以快速在iOS和Android上构建高质量的原生用户界面。 所以我先安装了Android Studio和Xcode。


三、安装Android Studio和Xcode

安装 Xcode

要为iOS开发Flutter应用程序,您需要Xcode 7.2或更高版本

安装Xcode 7.2或更新版本(通过链接下载或苹果应用商店).

配置Xcode命令行工具以使用新安装的Xcode版本 sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer 对于大多数情况,当您想要使用最新版本的Xcode时,这是正确的路径。如果您需要使用不同的版本,请指定相应路径。

确保Xcode许可协议是通过打开一次Xcode或通过命令sudo xcodebuild -license同意过了.

使用Xcode,您可以在iOS设备或模拟器上运行Flutter应用程序。

安装 Android

Android Studio , 3.0或更高版本.

需要安装两个插件:(此操作在Android Studioconfigure 设置下的plugins的里面进行搜索下载)

Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).

Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).

四、检查依赖是否都成功

运行Flutter doctor命令查看是否需要安装其它依赖项来完成安装

flutter doctor


五,相关可能遇见的问题

Android方面遇见的问题:

android 权限没有接收问题:

Failed to install the following Android SDK package as some license have not been accepted on aws instance

对于警号:"Some Android licenses not accepted.To resolve this, run:flutter doctor --android-licenses"

运行:

flutter doctor --android-licenses (一路下去:Y)


对于错误:Flutter requires Android SDK 28 and the Android BuildTools 28.0.3      To update using sdkmanager, run:   /Users/yanjing/Library/Android/sdk/tools/bin/sdkmanager "platforms;android-28" "build-tools;28.0.3"

解决方式如下:

进入 Android Studio:

 打开Android Studio:  选择 Configure ->SDK Mannager ->Android SDK 升级到28


在进行 flutter doctor 检测 这时候的警告和错误 就不在了




对于错误: Flutter plugin not  installed; this  adds Flutter specific functionality.  

Dart plugin not installed; this adds Dart specific functionality

打开Android Studio:选择Configure -> Plugins ->搜索flutter和dart进行安装(里面连接搜索会有点慢,对网络有点要求的)

在进行 flutter doctor 检测 :

Android 已经好了


 iOS方面遇见的问题:

 libimobiledevice and ideviceinstaller are not installed. To install with Brew, run:

brew update

 brew install --HEAD usbmuxd

 brew link usbmuxd

brew install --HEAD libimobiledevice

brew install ideviceinstaller

按顺序 从上往下 进行终端输入

对于:fatal: unable to access 'https://git.libimobiledevice.org/libimobiledevice.git/': Failed to connect to git.libimobiledevice.org port 443: Operation timed out

这是由于网速问题,进行较好的网络下重新进行执行


对于警号:Warning: usbmuxd HEAD-873252d_1 is already installed and up-to-dateTo reinstall HEAD_1, run `brew reinstall usbmuxd

解决:brew reinstall usbmuxd`(重新执行)


六、配置编辑器

 目前官方推荐的编辑器有Android Studio、VS Code、IntelliJ,我选择的是VS Code

安装 VS Code:

VS Code 下载地址

 安装Flutter插件

1. 启动 VS Code

2. 在搜索框输入 flutter, 在搜索结果列表中选择 ‘Flutter’以及'Dart', 然后点击 Install

3. 选择 ‘OK’ 重新启动 VS Code


 调用View>Command Palette 或者 同时按fn F1 ,创建flutter 项目 

选择第一个 Flutter:New Project  输入一个项目名称


运行项目 同时点击fn 和F5

我这边用的是iPhone XR模拟器和Android  运行的结果


此上是我在安装flutter 的时候遇见到的问题,不足之处还请多多谅解,也欢迎各大神指教~~


https://blog.csdn.net/qq_34115898/article/details/88355939. 修改vim

对于报错 :

Error: The Flutter directory is not a clone of the GitHub project. 

         The flutter tool requires Git in order to operate properly;

         to install Flutter, see the instructions at:

         https://flutter.dev/get-started

需要进入flutter sdk所在的目录下 执行 git init 将使其成为一个git仓库。

再运行flutter doctor即可

Failed to install the following Android SDK packages as some licences have not been accepted on aws instance 错误处理:

1,进行flutter doctor 的检查 



用vscode 所遇问题:

Dart_LoadScriptFromKernel: The binary program does not contain 'main'.

解决方法:cmd + s 再 Run Code

/bin/sh: dart: command not found

运行open ~/.zshrc

#dart

exportDART_HOME=/Users/XXXXXX/Work/Download/flutter/bin/cache/dart-sdk/bin

exportPATH="${DART_HOME}:${PATH}"

将上面路径放入.zshrc配置中

将/Users/XXXXXX/Work/Download还成自己电脑存放flutter的路径。保存退出

重启vscode(一定是退出重启)

The file /Users/xxxx/.zshrc does not exist

原因

使用的终端是zsh,zsh加载的是~/.zshrc文件,而该文件中没有定义任务环境变量。

解决

1、打开终端在用户目录下(cd ~)执行ls -all 查看该目录下是否存在.zshrc文件,

如果不存在,则需要创建该文件,和.bash_profile的创建方法一致,在用户路径下 touch .zshrc

2、在终端中执行命令打开.zshrc文件

open -e ~/.zshrc

3、在文件最后一行加上下面代码并保存退出

source ~/.bash_profile

4、执行命令,使其立即生效

source ~/.zshrc

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

推荐阅读更多精彩内容