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这种写法亦可,只是前后顺序的问题;
  • 以上命令可以拆为两行:
    把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

你可能感兴趣的:(flutter搭建过程)