Fluntter(I)-配置

作者: Harely | 来源:发表于2019-12-28 17:53 被阅读0次

Fluntter(I)-配置
Fluntter(II)
安装使用配置 i3——配置
证书配置i
NextJS配置国际化，使用TS约束类型
Ubuntu18+i3配置
IDEA 配置
ThinkPHP5 ---基础篇(配置)
微信小程序基础语法总结
VirtualBox安装CentOS的网络配置

配置

①配置镜像环境变量
打开.bash_profile 文件配置镜像地址,`在终端输入：

 vim ~/.bash_profile

敲击键盘上的A键进入编辑模式，然后在其中输入环境变量如下：

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

输入完成后，按ESC退出编辑模式，输入:wq返回至命令行,最后在命令行输入一下命令进行文本保存：

source ~/.bash_profile

注意： 此镜像为临时镜像，并不能保证一直可用，读者可以参考详情请参考 Flutter 中文文档以获得有关镜像服务器的最新动态。

②获取Flutter SDK
第一种：获取Flutter SDK的方法
下载Flutter SDK可用安装包，下载页最新请到GitHub 最新安装包

解压安装包到你想安装的目录，如：

cd /Users/harleyhuang/Documents/Gitee
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip

使用上述命令进行解压 zip的包时会报错，如下图：

无法进行解压

这是由于该压缩文件由pkzip算法压缩而成，所以必须先安装p7zip包，用p7zip来解压，这里我用brew来安装p7zip的

 brew install p7zip

安装成功后运行以下命令就可以解压你想要解压的文件:

7za x xxxxx.zip

然后下载Flutter SDK的按转包，进行解压到你想安装的目录中。

第二种：获取Flutter SDK的方法
终端输入命令：

git clone -b beta https://github.com/flutter/flutter.git

这种方法需要在网络好的环境才能下载，否则会失败。在好的网络环境需要大概 2小时。

添加flutter相关工具到path中：

export PATH=${PATH}:/Users/harleyhuang/flutter/bin

如下图：

获取flutter SDK解压安装包后的地址
复制上述的地址，然后在终端打开.bash_profile文件，配置flutter环境变量如下：

export PATH=${PATH}:/Users/harleyhuang/flutter/bin

完成后的3个flutter环境变量如下：

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

//export PATH=/Users/harleyhuang/flutter/bin:$PATH ，或者如下命令：
export PATH=${PATH}:/Users/harleyhuang/flutter/bin

截图如下图：

Mac 完成配置的3个环境变量配置

完成后一定要输入以下命令，进行文件保存，否则再次使用flutter命令无法生效，需要输入：

source ~/.bash_profile

此时Flutter的环境变量配置也就完成，然后在终端进行检查是否配置成功，输入：

flutter doctor

然后终端显示：

harleyhuang@@Harley-Pro ~ % flutter doctor        
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel unknown, v1.12.13+hotfix.5, on Mac OS X 10.15.2 19C57,
    locale zh-Hans-HK)
[✗] Android toolchain - develop for Android devices
    ✗ Unable to locate Android SDK.
      Install Android Studio from:
      https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK
      components.
      (or visit https://flutter.dev/setup/#android-setup for detailed
      instructions).
      If the Android SDK has been installed to a custom location, set
      ANDROID_HOME to that location.
      You may also want to add it to your PATH environment variable.

[✓] Xcode - develop for iOS and macOS (Xcode 11.3)
[!] Android Studio (not installed)
[✓] Connected device (2 available)

! Doctor found issues in 2 categories.
harleyhuang@@Harley-Pro ~ %

这些显示可以通过Command + S输出终端的显示文件内容。

若输入后有反应与官网检查差不多一致，则配置成功！

注意：当你退出终端时，然后再次打开终端输入 flutter doctor,终端会输出如下提示：

zsh: command not found: flutter

只有当你在终端再次输入：source ~/.bash_profile后然后回车，这个flutter doctor才起作用，不报上述的提示。

原因分析：
字面意思是相关命令没有没有找到，其实就是bash shell以及zsh shell 是两种读取系统环境变量（使用flutter的前提是你肯定已经在bash的 .bash_profile 已经配置相关flutter的环境变量了，从而才能使用flutter命令）
然而在使用zsh shell的时候，你并没有把相关的环境变量的配置设置到 .zshrc 中(功能上类似bash 的.bash_profile)

解决办法：