关于前端:搭建flutter开发环境

41次阅读

共计 1158 个字符,预计需要花费 3 分钟才能阅读完成。

mac 设置环境变量

  1. zsh 终端

    vi ~/.zshrc
    
    # 编辑
    export PATH=/Users/ 用户名 /Documents/flutter/flutter/bin:$PATH
    export ANDROID_HOME="/Users/ 用户名 /Documents/android_sdk" //android sdk 目录,替换为你本人的即可
    export PATH=${PATH}:${ANDROID_HOME}/tools
    export PATH=${PATH}:${ANDROID_HOME}/platform-tools
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    
    # control + m 是换行
    
    # 保留并退出
    Esc + :wq 

Windows 10:

1. 下载 Flutter SDK(以下形式二选一)

1.1 官网下载 zip (https://flutter.dev/docs/get-… 解压到指定文件夹;
1.2 从 github 仓库拉取:
git clone https://github.com/flutter/flutter.git -b stable

2. 下载 Android Studio

2.1 官网地址:https://developer.android.goo…
2.1 如果下面下载不了能够尝试:地址

3. 关上 Android Studio 配置安卓虚拟机

首次关上会有一个弹窗提醒:Unable to access Android SDK add-on list

3.1 点击 Cancel 进入会下载 Android SDK,下载结束后再点击右上角的 AVD Manager 配置增加安卓虚拟机。
3.2 配置安卓虚拟机时要依据本人电脑的 ==CPU 类型 == 来抉择零碎镜像。我这里抉择的是 X86_64。

如果是 AMD 或者 ARM cpu,须要在 BIOS 里开启 CPU 虚拟化

4. 配置环境变量

4.1 将 flutter sdk 下的 bin 目录的门路增加到用户变量 path 里,如下图:

4.2 增加 ANDROID_HOME 零碎变量:

这个变量值是 Android Sdk 的门路,能够在 Android Studio 中查看,关上 Android studio,点击“File”菜单下的“Other Settings”,接着点击“Default Project Structure”选项。:

4.3 增加 Android Sdk 相干 tools 到用户变量 path 里:

%ANDROID_HOME%\platform-tools

%ANDROID_HOME%\tools

5. 环境检测:

在命令行工具里输出flutter doctor 如果都是绿色的勾就阐明环境就搭建好了,如果有红色的叉叉就依据错误信息再查看

正文完
 0