美文网首页
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 学习记录1

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