flutter搭建过程

以ADB为例 , 其实就是在终端输入下面一句shell命令就ok:

export PATH=${PATH}:~/Library/Android/sdk/platform-tools:~/Library/Android/sdk/tools

当然还没完, 以上操作确实达到了修改环境变量的目的, 但是仅仅保证对此次会话有效, 也就是说当你重启终端后,你配置的这个adb的环境变量就失效了, 又得需要重新输入一次...

那么如何将这条shell命令"持久化", 每次启动终端都自动运行? 我们可以用shell的配置文件来实现.
配置文件里可以预置一些shell命令, 每次打开终端时自动加载配置文件, 从而实现预置代码的自动运行

1. 寻找当前shell的配置文件


echo $SHELL 查看当前shell版本, 使用的shell不同, 对应的配置文件也不一样

  • 如果是bash
vim ~/.bash_profile
//或者
vim ~/.bashrc

  • 如果是zsh
vim ~/.zshrc

PS.通过如下命令可切换shell

//切换到zsh
chsh -s `which zsh` 
//切换到bash
chsh -s `which bash`

重启终端 (如果是Linux可能需要重启系统才能生效)
其他shell可通过cat /etc/shells查看当前系统已安装的shell所有版本

2. 修改配置文件


找到了配置文件, 那么就可以将我们最初的那行shell命令放进去了
export PATH=${PATH}:~/Library/Android/sdk/platform-tools:~/Library/Android/sdk/tools

3. 重载配置文件, 使修改生效


两种方式:
3.1 粗鲁的方式: 重启终端;
3.2 优雅的方式: 重载配置文件
source ~/.bash_profile 或者 . ~/.bash_profile
此处用法具体可参考 Shell 文件包含

4. export语法解释


  • {}为占位符,{PATH} 和 $PATH等效
  • =前后不能有空格
  • : 为分隔符(等同于windows环境变量中的 ; )
  • PATH=PATH:xxx 可以理解为 " PATH+=xxx "(当然不能这么写) PATH=xxx:PATH这种写法亦可,只是前后顺序的问题;
  • 以上命令可以拆为两行:
    把adb所在路径~/Library/Android/sdk/platform-tools:~/Library/Android/sdk/tools加入到PATH中去;
PATH=${PATH}:~/Library/Android/sdk/platform-tools:~/Library/Android/sdk/tools

使环境变量生效

export PATH

  • shell中可以通过export -p命令查看所有环境变量

参考:

https://www.jianshu.com/p/f5a4a28e2888

资源:

https://flutter-io.cn/#

进行 Flutter doctor 的测试
在终端中输入flutter doctor,你可能会得到下面类似的结果。

image.png

flutter doctor --android-licenses
一路yes即可

image.png

我的Android ide使用的androidsudio ,下方还检测出IDEA,这个就没有必要也去安装这个dart插件等了,直接忽略。

配置环境变量
压缩包下载好以后,找个位置进行解压。这个位置很重要,因为下面配置环境变量的时候要用到。比如你配置到了根目录下的app文件夹。
1.打开终端工具(这个我就不用写了吧),使用vim进行配置环境变量,命令如下:
vim ~/.bash_profile
复制代码在打开的文件里增加一行代码,意思是配置flutter命令在任何地方都可以使用。
export PATH=/解压的目录/flutter/bin:$PATH
复制代码提示:这行命令你要根据你把压缩包解压的位置来进行编写,写的是你的路径,很有可能不跟文章一样。

image.png

配置完成后,需要用source命令重新加载一下 ,具体命令如下:
source ~/.bash_profile

image.png

复制代码完成这部以后,就算我们flutter的安装工作完成了,但是这还不能进行开发。可以使用命令来检测一下,是否安装完成了。
flutter -h
复制代码出现下面的结果,说明到目前为止,我们安装一切顺利。


image.png

echo 'export PATH="/usr/local/opt/libxml2/bin:$PATH"' >> ~/.bash_profile

如果您在中国安装或使用Flutter,使用托管Flutter依赖项的可靠本地镜像站点可能会有所帮助。要指示Flutter工具使用备用存储位置,您需要设置两个环境变量,PUB_HOSTED_URL并 FLUTTER_STORAGE_BASE_URL在运行flutter命令之前。

以MacOS或Linux为例,以下是使用镜像站点的设置过程中的前几个步骤。从您希望存储本地Flutter克隆的目录中的Bash shell中运行以下命令:

 export PUB_HOSTED_URL=https://pub.flutter-io.cn
 export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
 git clone -b dev https://github.com/flutter/flutter.git
 export PATH="$PWD/flutter/bin:$PATH"
 cd ./flutter
 flutter doctor

完成这些步骤后,您应该能够继续 正常设置Flutter。从此处开始,所提取的包flutter packages get将从flutter-io.cn任何shell中下载PUB_HOSTED_URLFLUTTER_STORAGE_BASE_URL设置。

安装

Flutter中文网

下载Flutter

克隆的地址也可以从码云上找

查看PATH

echo $PATH

临时设置

cd ~
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=`pwd`/flutter/bin:$PATH

永久设置

cd ~
pwd

pwd查看”当前工作目录“的完整路径


image.png

比如我的是/Users/zby0520

打开配置文件

如果用的是bash shell

vi .bash_profile

如果用的是zsh

open ~/.zshrc

添加以下配置

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH="/Users/zby0520/flutter/bin:$PATH"

让配置立即生效

source .bash_profile
image.png
image.png
image.png

flutter 开发者帮助 APP,包含 flutter 常用 140+ 组件的demo 演示与中文文档

Flutter Go 的优势
详解常用widget多达 140+ 个
配套 Demo 详解 widget 常规用法
集中整合 widget 案例,一个 APP 搞定所有常用 widget 的用法
持续迭代 ‘追新’ 官方版本

https://github.com/alibaba/flutter-go?from=%E6%96%87%E7%AB%A0%E9%A1%B5%E5%86%85%E9%93%BE%E6%8E%A5

image.png

真机调试

image.png
image.png

注册开发者账号


image.png

解决低版本Xcode不支持高版本iOS真机调试的问题

Xcode只可以支持iPhone手机对应iOS系统以下的真机测试。一般想要支持最新的iPhone手机系统,有两个方法。第一、就需要更新Xcode,这一个方法有一个缺陷就是,大家都喜欢体验最新的iPhone手机系统,但是喜欢使用Xcode beta版的不是很多,毕竟很不稳定,给Apple公司当小白鼠,感觉踩不完的坑。当然本文推荐的不是第一种,看官莫急,请往下看。第二、就是对于Xcode的真机支持包更新,真机运行的支持包的位置位于:Xcode.app//Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport;打开安装包路径:应用程序找到xcode右键点击查看路径,打开之后你会看到下面图:

image.png
image.png

从图片可以看出这些对应的都是支持真机运行的支持包,每个文件夹都是对应的iPhone系统。

一个iPhone系统的支持包,下载解压,放进去就可以了,然后插入你的手机,等Xcode解析好你的手机文件就可以真机运行了。

https://developer.apple.com/cn/ios/
打开Finder
按下: command⌘+shift⇧+g
输入:
/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport

支持包直接上联系:链接: https://pan.baidu.com/s/1zXEFlt94bz3O1e3GdtG92w 密码: rc4k

$(PRODUCT_BUNDLE_IDENTIFIER) product bundle identifier
就是App的唯一标识,同样可以在多个地方来修改

image.png

12.2 (16E227)
进入/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Developer/SDKs/iPhoneOS.sdk路径中,修改SDKSettings.plist文件中的版本号

image.png
image.png

https://developer.apple.com/download/
下载最新版的xcode

https://developer.apple.com/cn/programs/

image.png
image.png

请求 D-U-N-S Number 后,最多需要 5 个工作日以接收 D&B 提供的号码。加快 D-U-N-S Number 创建过程不会缩短此等待时间。如果您的申请已经超过两周时间,请向 D&B 发送电子邮件

收到 D-U-N-S Number 后,最多需要等待 2 个工作日,以便 Apple 接收 D&B 提供的相应信息。这段时间过后,您就能以公司/组织身份注册 Apple Developer Program。

https://codelabs.flutter-io.cn/codelabs/from-java-to-dart-cn/index.html#0

https://console.firebase.google.com/?pli=1

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

推荐阅读更多精彩内容

  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 4,352评论 0 5
  • 1.0.0 安装Flutter 由于Flutter会同时构建Android和IOS两个平台的发布包,所以Flutt...
    biubiubiuCOWARD阅读 1,116评论 0 0
  • 2019年第134本《凉灯》黄于纲著 因为黄于纲的画展,作家野夫和一众朋友辗转来到凉灯,他看到的是“整个寨子没有任...
    八纬阅读 197评论 0 1
  • 心理学家大卫·埃尔凯特说:“无论一个人的生活环境如何,当好父母,最基本的是要给孩子两样东西:根和翅膀。” 真正意义...
    sunny_ea1f阅读 76评论 0 0
  • 大約是從昨天起,右耳深處隱隱作疼。其實入夏以來,自己的耳朵就沒消停過。家裡的棉簽用得特別快,特別是洗過頭後,習慣性...
    如心1976阅读 140评论 1 0