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然后尝试卸载然后重新安装
3 4brew uninstall ideviceinstaller
brew install --HEAD libimobiledevice
brew link --overwrite libimobiledevice
然而并无卵用。。。继续寻找解决办法中。。。
5 6brew 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
经过以上几番尝试之后,终于看到了曙光。。
7这个时候没有错误信息了,只提示了ideviceinstaller 找不到。哦,好像是刚刚卸载了,然而并没有重新安装ideviceinstaller,不过已经很开心了!
8执行完毕顺便使用 flutter doctor检查了一下有什么没有安装的没。
9完毕。。
网友评论