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

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 如果都是绿色的勾就阐明环境就搭建好了,如果有红色的叉叉就依据错误信息再查看

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理