芯が強い人になるESTJ-A

# 2021--Mac环境搭建Flutter并配置环境变量/Flutter開発環境構築(VS Code)

IT開発 Tags: 无标签 阅读: 286

一、官网下載Flutter/Flutterをダウンロード

官网地址:

1.进入后,选择macOS:

二、配置环境变量

1.打开命令终端,直接在home目录下,输入命令:

open -e .bash_profile
会打开.bash_profile文件,如果没有这个文件,你需要先用命令 touch .bash_profile 创建。
打开之后,添加如下配置:添加完之后command+s保存

export FLUTTER_ROOT=你的flutter安装目录
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=你的flutter安装目录/bin:$PATH
# Android SDK
ANDROID_HOME=/Users/xuwen/Library/Android/sdk
ANDROID_SDK_ROOT=/Users/xuwen/Library/Android/sdk/avd
export PATH=$ANDROID_HOME/platform-tools:$PATH
export PATH=$ANDROID_HOME/tools:$PATH
export PATH=$ANDROID_HOME/tools/bin:$PATH
export PATH=$ANDROID_HOME/emulator:$PATH
export PATH=$ANDROID_SDK_ROOT:$PATH


# Flutter sdk
FLUTTER_HOME=/Users/xuwen/development/flutter
export PATH=$FLUTTER_HOME/bin:$PATH

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

更新配置的环境变量,命令:

source ~/.bash_profile
配置环境变量结束,现在就可以使用flutter命令了。

第三步:

flutter相关命令/flutter doctorで診断する
カテゴリー毎に、Flutter開発環境を構築する上で
「何が足りていないのか?」
「どうすれば解決できるのか?」
を事細かに診断してレポートしてくれます。
以下がコマンドの実行結果です。
执行如下命令,可以查看是否还有需要安装的依赖。同时第一次使用flutter命令也可以检查你环境变量是否配置好了。
flutter doctor
截屏2021-05-07 21.01.14.jpg
截屏2021-05-07 21.01.21.jpg
截屏2021-05-07 21.01.33.jpg
上面就是flutter doctor的相关命令的输出,可以看到帮你检测出Android studio环境,Xcode(ios)开发环境没安装,还检测出Android studio没安装好flutter和dart插件。

flutter -h (查看flutter命令的一下帮助)

flutter --version(注意是 --version 查看flutter版本,flutterの)

截屏2021-05-07 21.04.46.jpg

flutter upgrade (flutter升级)

截屏2021-05-07 21.05.27.jpg

flutter doctor

截屏2021-05-07 21.07.41.jpg

android studio

截屏2021-05-07 21.20.51.jpg
截屏2021-05-07 21.22.04.jpg
截屏2021-05-07 21.22.49.jpg
截屏2021-05-07 21.25.38.jpg

我这里报了一个bug

android-licenses : Exception in thread “main” java.lang.NoClassDefFoundError

解决方法
截屏2021-05-07 21.40.00.jpg

然后同意license

截屏2021-05-07 21.41.47.jpg

最后升级,xocde,和sudo gem install cocoapods

国内记得科学上网,国外无所谓。我网络一路畅通。

经过了2个小时的奋斗,总算完成。恭喜各位看到这里.

截屏2021-05-07 22.04.18.jpg

Android studio安装Flutter和Dart插件

https://blog.csdn.net/sunbinkang/article/details/106918956

每次终端进入

source .bash_profile

为了解决每次进入终端需要配置flutter source

一下方法:

a.打开命令行终端Terminal
[输入]~/.bash_profile
如果出现No such file or directory表示.bash_profile文件不存在需要创建,出现zsh: permission denied: /Users/XXX/.bash_profile表示文件已经存在,无需创建。
=文件不存在,需要创建=
[输入]~/touch .bash_profile
b. 编辑.bash_profile文件
[输入]open -e .bash_profile
在打开的文件中输入下面的文字【注释不可放进文件中,完成之后请保存并关闭文件】

【重点,重点,重点】在文件保存之后一定一定要在命令行中更新当前配置

source .bash_profile

设置环境变量为全局的,即不用每次打开打开终端都执行source .bash_profile刷新环境变量之后才可以执行flutter doctor

.zshrc文件不存在,需要创建

touch .zshrc

.zshrc文件已经存在,直接打开

open .zshrc

在打开的文件末尾增加source ~/.bash_profile保存退出即可。

到这里环境变量基本配置完毕,检查flutte环境变量是否配置完毕

flutter doctor

Mac 每次都要执行source ~/.bash_profile 配置的环境变量才生效

自己在 ~/.bash_profile 中配置环境变量, 可是每次重启终端后配置的不生效.

需要重新执行 : $source ~/.bash_profile

发现zsh加载的是 ~/.zshrc文件,而 ‘.zshrc’ 文件中并没有定义任务环境变量。

解决办法

在~/.zshrc文件最后,增加一行:
source ~/.bash_profile
保存