放肆青春的博客
首页
前端
算法
网络
面试
技术
后端
运维
杂项
数据库
工具
网址
电脑
个人
文章
  • 分类
  • 标签
  • 归档
github (opens new window)
gitee (opens new window)

放肆青春

一个前端菜鸟的技术成长之路
首页
前端
算法
网络
面试
技术
后端
运维
杂项
数据库
工具
网址
电脑
个人
文章
  • 分类
  • 标签
  • 归档
github (opens new window)
gitee (opens new window)
  • 前端

    • 前端 概览
    • 前端汇总

    • front 博文

    • front 项目总结

    • front 高级

    • front tools

  • vue

    • vue 概览
    • vue 汇总

    • vue 博文

    • vue 项目总结

    • vue 高级

  • html

    • html 概览
    • html 汇总

    • html 博文

  • css

    • css 概览
    • css 汇总

    • css 博文

    • sass

    • less

  • js

    • javascript 概览
    • JS 汇总

    • ES6

    • JS 博文

    • JS 工具

  • node

    • node 概览
    • node 汇总

    • node 框架

    • node 博文

  • react

    • react 概览
    • react 汇总

    • react 博文

    • react 高级

  • 微信小程序

    • 微信小程序 概览
    • 微信小程序总结
    • 微信小程序文章
    • 微信小程序 博文

    • 微信小程序 高级

  • 微信公众号

    • 微信公众号 概览
    • 微信公众号总结
    • 微信公众号文章
  • 多端开发

    • 多端开发
    • dsbridge 概览
    • jsbridge 概览
    • webview
    • uniapp

      • uniapp 概览
    • taro

      • taro 概览
    • flutter

      • flutter 概览
      • flutter 环境搭建
        • flutter 环境搭建
          • flutter sdk 安装
          • AndroidStudio 安装
          • 输入flutter doctor 检查配置项的问题
    • electron

      • electron 概览
  • front
放肆青春
2021-03-15

flutter 环境搭建

# flutter 环境搭建

# flutter sdk 安装

参考:https://www.cnblogs.com/qiu-Ann/p/12461628.html (opens new window)

  1. 下载对应版本的 Flutter SDK

下载地址:https://flutter.cn/docs/get-started/install/windows# (opens new window)

  1. 将 SDK 解压到指定位置

  2. 配置环境变量

打开解压的 flutter 文件夹,找到 bin

环境变量-->找到系统变量-->Path-->添加D:\SoftWare\flutter\bin

  1. 配置国内镜像(用户环境变量)

环境变量-->找到用户变量-->点击新建

FLUTTER_STORAGE_BASE_URL 值:https://storage.flutter-io.cn

PUB_HOSTED_URL 值:https://pub.flutter-io.cn

  1. 重启电脑(如果环境变量生效 也可以不重启)

  2. 打开命令提示符。输入 flutter doctor。检查配置项

# AndroidStudio 安装

参考地址:https://blog.csdn.net/qq_45792455/article/details/113453863 (opens new window)

  1. 下载 AndroidStudio(最新版-4.2.1 for Windows 64-bit (933 MiB))

下载地址:https://developer.android.google.cn/studio (opens new window)

  1. 双击启动安装,来到欢迎界面-点击 next

  2. Android virtual Device(默认勾选),点击 next

  3. 点击 Install

  4. 更改安装位置,安装在 D 盘

  5. 安装完成,点击 Finish(安装完毕后默认开始运行 AndroidStudio)

下面是重点配置

  1. 点击 Cancel

  2. 点击 Cancel 后,会提示找不到 SDK,这里我们选择 next

  3. 会出现 SDK 下载选择界面

  4. 更改 SDK 安装位置(新建文件夹)

  5. 之后会弹出 SDK 配置的确认界面,点击 Finish,进入下载进入条,这需要一点时间,耐心等待就好。

安装完成之后需要配置 andeoid sdk 环境变量

  1. 环境变量-->找到用户变量-->点击新建

ANDROID_HOME 值:D:\SoftWare\android_sdk android_sdk 安装位置

  1. 环境变量-->找到系统变量-->Path-->添加下面两个环境变量

%ANDROID_HOME%\tools

%ANDROID_HOME%\platform-tools

安装完成之后还需要配置 安装 Flutter 和 Dart 两个插件

打开 AndroidStudio 在主界面, File -> Settings->Plugins 搜索安装 Flutter 和 Dart 两个插件

# 输入flutter doctor 检查配置项的问题

  1. X Android license status unknown

输入:flutter doctor --android-licenses

更新时间: 7/29/2021, 2:47:07 PM
flutter 概览
electron 概览

← flutter 概览 electron 概览→

最近更新
01
前端权限管理
02-24
02
vue2指令
02-24
03
vue2 hook
02-24
更多文章>
Theme by Vdoing | Copyright © 2019-2022 放肆青春
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式