首页 > 编程知识 正文

flutter中文教程(Cordova还是flutter)

时间:2023-05-05 00:02:21 阅读:89767 作者:4458

为什么要用Flutter呢?

嗯,我不会说这篇文章。 我想想想读这篇文章的人应该已经下定决心学习Flutter了。

在Flutter开发环境中,支持在Windows、Mac OS和Linux上安装。 区别在于,在Windows和Linux上,不能直接从虚拟机调试IOS是否正常运行,但在Mac上可以。

本文主要介绍了放置在Mac下的孔以及相应的几种解决方法。 我遇到的这些问题不一定是你要面对的,同样必要时也可以帮助你.

Windows环境很简单,根据官网提示,基本没有问题,没有Linux环境,所以不用说,可以参考Mac的配置,比Mac少一点配置。

那么开始吧……。

一、环境工具的准备

首先,为计算机环境提供以下工具:

Git:官方网站: https://git-scm.com/

下载安装就行了。 安装后,可以打开终端,输入“git --version”检查安装是否成功。

建议使用JDK1.8或更高版本。 下载、安装和配置。 另外,可以通过在终端中输入“Java版本”来检查安装是否成功。

Android SDK是指可以按照IDE的向导一起下载所需的SDK,也可以事先做好准备。 这是安卓开发过的人都有吧。

IDEIDE是一个集成开发环境,可以使用visual studio代码或安卓studio进行开发。 vs代码更轻,我们习惯使用安卓studio进行开发。 无论使用的是哪个IDE,都需要安装Flutter和Dart插件。 在IDE的插件管理器中搜索Flutter安装时,常规Flutter安装将自动安装Dart插件。

二、Flutter SDK的配置

Flutter SDK的下载地址: https://flutter.dev/docs /开发/工具/SDK /发行版? tab=macos#macos打开后如下所示。

选项卡上可以切换操作系统环境,下载对应的SDK。 建议下载稳定通道。 这是稳定版的SDK。 如果想确认味道的话,也可以下载Dev channel的SDK。

下载的是压缩软件包,我自己找地方放,然后将flutter文件下的yydhb文件夹添加到系统的Path变量中。

完成配置后,可以在终端上输入“Flutter doctor”命令,检查是否配置了flutter环境。 配置细节可以按照官网的指导执行。

官方文档: https://flutter.dev/docs /获取-开始/安装

日语文档: https://flutter China.club/get-started/install /基本配置就到此为止吧。 如果不顺利的话请留言。

浅谈Mac环境下构成的几个问题。

三、Mac环境下的麻烦事

Mac环境的配置主要卡在Homebrew、Cocoapods的环境配置上很久了,主要是没有梯子.没能找到便宜又实惠的梯子。 如果有人的话请留言推荐。 谢谢你!

如果没有梯子,那只能用曲线拯救国家……。

第一次闪存医生.

按照提示执行了“brew update”。 然后是无限的等待,失败.

必须先解决家庭广播的问题.

因为没有梯子,所以只能想办法使用国内可用的镜像功能。 首先,打开终端:

名为curl-fssl 3359 raw.github用户内容.com/home brew/install/master/install brew _ install的命令将获取正式的安装脚本

然后,使用终端vi命令或熟悉的编辑器打开该文件,并查找以下代码:

brew _ repo=“https://github.com /家庭蓝/蓝”“. freeze”

core _ tap _ repo=" https://github.com/home brew/home brew-core ".freeze已更改如下:

brew _ repo=“https://米rrors.ust”

c.edu.cn/brew.git “.freeze CORE_TAP_REPO = “https://mirrors.ustc.edu.cn/homebrew-core.git“.freeze

主要目的是替换官方源为清华大学的镜像源,需要注意的是新版本HomeBrew可能没有CORE_TAP_REPO这句代码,如果没有不用新增。 如果这个镜像有问题的话,可以换成其他源(自己去查查其他可以用的国内源),记得保存关闭。

然后打开终端,执行这个我们修改过的安装脚本:

/usr/yydhb/ruby brew_install

如果在运行过程中出现了:

==> Tapping homebrew/core Cloning into '/usr/local/Homebrew/Library/Taps/homebrew/homebrew-core'...

出现这个原因是因为源不通,代码拉不下来,解决方法就是更换国内其他镜像源吗,手动执行下面这句命令,更换为中科院的镜像:

git clone git://mirrors.ustc.edu.cn/homebrew-core.git/ /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core --depth=1

然后把homebrew-core的镜像地址也设为中科院的国内镜像:

cd "$(brew --repo)" git remote set-url origin https://mirrors.ustc.edu.cn/brew.git cd "$(brew --repo)/Library/Taps/homebrew/homebrew-core" git remote set-url origin https://mirrors.ustc.edu.cn/homebrew-core.git

执行更新,成功:

brew update

最后用这个命令检查无错误:

brew doctor  

至此HomeBrew就算是安装完成了.......我是折腾了很久o(╥﹏╥)o

直接使用HomeBrew还需要更改他的默认源.....还有.....

替换核心软件仓库cd "$(brew --repo)/Library/Taps/homebrew/homebrew-core" git remote set-url origin https://mirrors.ustc.edu.cn/homebrew-core.git  替换 cask 软件仓库(提供 macOS 应用和大型二进制文件)cd "$(brew --repo)"/Library/Taps/caskroom/homebrew-cask git remote set-url origin https://mirrors.ustc.edu.cn/homebrew-cask.git   替换 Bottles 源(Homebrew 预编译二进制软件包)

bash(系统默认shell)端用户:

echo 'export HOMEBREW_BOTTLE_DOMAIN=https://mirrors.ustc.edu.cn/homebrew-bottles' >> ~/.bash_profile source ~/.bash_profile

zsh终端用户:

echo 'export HOMEBREW_BOTTLE_DOMAIN=https://mirrors.ustc.edu.cn/homebrew-bottles' >> ~/.zshrc source ~/.zshrc第二次Flutter Doctor........

因为我们前面已经配置好了Homebrew的环境,执行前面3个命令都顺利执行,但是到红色箭头指向的代码运行就又出问题了:

这一堆提示就是告诉我,代码它拉不下来...拉不下来....拉不下来....

继续搞吧....把它提示的git clone 代码复制出来,就是这一段:

git clone --branch master https://git.libimobiledevice.org/libimobiledevice.git /Users/liupp/Library/Caches/Homebrew/libimobiledevice--git

修改为:

git clone --branch master https://github.com/libimobiledevice/libimobiledevice.git /Users/liupp/Library/Caches/Homebrew/libimobiledevice--git

直接终端执行修改后的命令,执行结束后终端切换到这个目录下(别问我为什么找不到liupp目录,这个是我的用户,别忘了换成你的用户目录名称....):

cd /Users/liupp/Library/Caches/Homebrew/libimobiledevice--git

执行:

./autogen.sh

然后又出现了....

换个命令执行:

./autogen.sh --disable-openssl

好吧,这个时候错误提示变了,告诉我缺少组件了,总算前进了一步:

执行:

brew install gnutls

安装完毕提示:

For compilers to find libffi you may need to set: export LDFLAGS="-L/usr/local/opt/libffi/lib" For pkg-config to find libffi you may need to set: export PKG_CONFIG_PATH="/usr/local/opt/libffi/lib/pkgconfig" ==> unbound To have launchd start unbound now and restart at startup: sudo brew services start unbound

按提示依次执行:

执行结果提示:

重新执行:

./autogen.sh --disable-openssl

又报错(崩溃ing....)

需要安装libgcrypt库:

brew install libgcrypt

安装完毕后重新执行:

./autogen.sh --disable-openssl

终于:

按提示:

make

执行成功后继续执行:

sudo make install

执行:

export LD_LIBRARY_PATH=$LD_LIBRARY_PATH:/usr/local/lib

安装:

brew install ideviceinstaller第三次Flutter Doctor........

安装成功后再检查Flutter环境:

继续执行:

brew install ios-deploy第四次Flutter Doctor........

安装完毕重新检查:

终于只剩下最后一个了......

执行:

brew install cocoapods

然后噩梦就又开始了....归根揭底终究还是没有梯子的问题,由于有了处理HomeBrew的经验,这次就轻车熟路了。

Cocoapods

CocoaPods 是一个 Cocoa 和 Cocoa Touch 框架的依赖管理器,具体原理和 Homebrew 有点类似,都是从 GitHub 下载索引,然后根据索引下载依赖的源代码。

对于旧版的 CocoaPods 可以使用如下方法使用 tuna 的镜像:

$ pod repo remove master $ pod repo add master https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git $ pod repo update

新版的 CocoaPods 不允许用pod repo add直接添加master库了,但是依然可以:

cd ~/.cocoapods/repos $ pod repo remove master $ git clone https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git master

最后进入自己的工程,在自己工程的podFile第一行加上:

source 'https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git'

以后如果想重置为官方Github源的话,可以如下操作:

cd ~/.cocoapods/repos pod repo remove master git clone https://github.com/CocoaPods/Specs master # 最后进入自己的工程,在自己工程的podFile第一行加上 sources 'https://github.com/CocoaPods/Specs'第N次Flutter Doctor........

终于,各项都变成了绿色对号......


四、结语

遇到的各种不痛快,更多原因还是因为网络的问题,没有梯子,很多站的代码确实没有办法拉下来,或者获取速度真的慢到让人牙痒痒。不过见山开山,问题最后都解决了,心里还是有些许的成就感,哈哈。。

如果有遇到其他环境配置问题的朋友,可以留言一起探讨、学习!

建议多看看官方文档还是有很大帮助的,尾巴再贴一下地址,翻到这里不用回头去找了,哈哈:

官方文档:https://flutter.dev/docs/get-started/install 中文文档:https://flutterchina.club/get-started/install/

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。