美文网首页
Flutter 学习记录1

Flutter 学习记录1

作者: 某年某月某日晴 | 来源:发表于2019-02-28 14:00 被阅读72次

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。

由于个人是从事iOS开发工作的,所以想着自己了解一下其他方面的技术。记录这些不为别的,只是想给自己一个成长的动力,毕竟如果每天只是写业务代码的话,知识面还是很窄的。如果哪天有幸出现在其他小伙伴的搜索记录里面,希望能互相学习。

首先是我学习的网站:Flutter中文网

 安装环境(流程:都是按照网站上来的)

下载安装包Flutter 下载,解压缩到你想要安装的目录,我这里就直接跳过设置临时环境变量的操作了。

添加环境变量

1.打开(或创建) $HOME/.bash_profile. 

2.添加以下行并更改[PATH_TO_FLUTTER_GIT_DIRECTORY]为你flutter的路径:

export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置

export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH

这一步的时候我发现我电脑上没有.bash_profile文件,所以只能新建一个.bash_profile文件

创建.bash_profile文件

1.启动Terminal终端工具

2.输入cd ~/ 进入当前用户的主目录

3.创建:touch .bash_profile

4.打开:open  .bash_profile

5.在弹出的界面中编辑以上内容后保存关闭

6.更新:source .bash_profile

在编辑的时候一定不要拼写错误之类的,否则在更新的时候会不成功。

你可以通过echo $PATH来验证目录是否在path中。

平台设置(当然这里我只是在iOS平台进行了设置)

1.我的Xcode是10.1的版本

2.配置Xcode命令行工具以使用新安装的Xcode版本 sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer

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

设置iOS模拟器

使用Spotlight或者open -a Simulator可以打开模拟器

安装到iOS设备

1.安装homebrew

2.运行以下命令

brew update

brew install --HEAD libimobiledevice

brew install ideviceinstaller ios-deploy cocoapods

pod setup

惊喜的发现homebrew我也没有安装,安装homebrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

中间的时候出现pod一个目录的冲突,按照命令提示覆盖了冲突的部分。

以上过程都基本顺利,所以也没有记得截图,所以将就一下吧,还是实际操作的好。

使用终端编辑器创建项目

flutter create myapp

1

这个出现了error,Could not connect to lockdownd, error code -19。百度了一下,有说这个命令好使的:sudo chmod -R 777 /var/db/lockdown/,但是我试了一下没有起作用,并且错误编码出现变化。

2

然后尝试卸载然后重新安装

brew uninstall ideviceinstaller

brew install --HEAD libimobiledevice

brew link --overwrite libimobiledevice

3 4

然而并无卵用。。。继续寻找解决办法中。。。

brew update

brew uninstall --ignore-dependencies libimobiledeceive

brew uninstall --ignore-dependencies usbmuxd

brew install --HEAD usbmuxd

brew unlink usbmuxd

brew link usbmuxd

brew install --HEAD libimobiledeceive

5 6

经过以上几番尝试之后,终于看到了曙光。。

7

这个时候没有错误信息了,只提示了ideviceinstaller 找不到。哦,好像是刚刚卸载了,然而并没有重新安装ideviceinstaller,不过已经很开心了!

8

执行完毕顺便使用 flutter doctor检查了一下有什么没有安装的没。

9

完毕。。

相关文章

  • Flutter学习记录-汇总

    Flutter学习记录-布局Flutter学习记录-页面跳转Flutter学习记录-交互Flutter学习记录-基...

  • Flutter 学习记录1

    Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可...

  • Flutter面试题收集

    如下:(纯属个人学习记录,如有问题欢迎指正) .1。flutter是什么?概念? 2.为何学习flutter及特性...

  • Flutter入门

    学习Flutter的入门级小Demo,<>学习记录,如图:

  • Flutter问题总结

    本文记录学习Flutter过程中的问题及解决办法. 1. 配置Flutter环境的过程中,一直卡在flutter ...

  • Flutter 入门学习指北

    Flutter 入门学习指北 学习 Flutter 已有两个月了,记录一下自己的学习过程,flutter 的毫秒级...

  • Flutter 开发环境搭建(mac)

    本身为iOS开发人员,最近在学习 flutter ,将环境搭建流程记录一下 1、获取 flutter 工程   可...

  • Flutter 零基础学习初探(一)

    此博客为了记录下自己学习Flutter这门语言的点滴。关于安装请看Flutter中文网.直接进入正题: 1.基础控...

  • flutter 之歌

    学习flutter之中看到这首flutter之歌 ,不有自主的想去记录下 大前端之路

  • 从零开始学习flutter-控件1

    说明 本文是记录自己学习flutter过程,帮助自己整理flutter相关知识 StatelessWidget和S...

网友评论

      本文标题:Flutter 学习记录1

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