flutter安装

flutter 安装

一、安装flutter

选择要安装的目录，右键Git Brash Here

运行命令 git clone -b beta https://github.com/flutter/flutter.git

• 没有git的先去安装git，百度一下教程

• 一开始直接下载有问题，鲨了我吧。。我克隆还不行吗。。

二、配置flutter环境变量

控制面板 -> 用户账户 -> 更改环境变量 -> 用户变量

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

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

点击 Path -> 编辑

添加变量 F:\flutter\flutter\bin（替换成你的flutter的bin目录，这个关乎到能不能全局运行flutter命令）

配置完成后，打开安装目录下的 cmd 运行一下 flutter，看一下全局指令配置好了没有

三、安装Android Studio

首先开启SSR！！！

安装过程：

没有以下情况一直点next就可以

• 如果有HTTP Proxy

  • 选择Auto-detect

  • 或者选择Manual proxy

    配置127.0.0.1:1080，这个一定要有ssr，或者搜索一下中国的镜像也行，设置之前，先点底部的按钮check一下能不能用

• 选custom，点next，然后全部下载（比如Android-SDK啥的，如果前面设置http-proxy使用不了的话是无法勾选的，所以HTTP Proxy一定要设置正确）

安装完，下载插件Setting -> Plugins

分别下载dart、flutter插件，插件安装了又不见了多安装几次

四、配置Android环境变量

ANDROID_HOME=F:\Android\SDK（替换成android的sdk位置）

编辑完，重启电脑！！！不重启就不生效

五、运行flutter doctor

打开flutter安装文件夹，找到 flutter_console.bat， 运行flutter doctor

首先会下载一丢东西，长时间卡住了就按ctrl+C，有时候运行好了不给你输出奇奇怪怪的

然后运行结束后缺了哪些，按照它的描述补全哪些就可以了

六、运行flutter项目

• File -> New Flutter Project 创建一个新的flutter项目

  填写app名称，填写包名（随便写一个），选择flutter SDK（就是安装flutter的目录，如果没检测到可能是没将flutter的bin目录添加到Path变量上）

• 接上USB

  早早就听人说开启模拟器运行慢到吐了，所以直接用手机吧，也懒得下载了

  如果连接上没检测到，可能是以下问题

  • 手机设置问题。开USB调试 方法： 手机设置 - 开发人员选项 - USB调试 - 勾选
  • 数据线问题。 有的数据线只能用来充电，有的可以连接存储。识别方法很简单。插上机器有USB存储设备的提示的就可以用。
  • 是否下载了对应手机版本的SDK，以Android Studio为例，点开 SDK Manager 之后。看你手机所使用的系统版本号对应的SDK是否已下载，没有就下。手机对应的Android版本查看方法是 手机设置 - 关于手机 - Android 版本。
  • 如果这三种都不可以的话，就下个豌豆荚手机助手。

• 运行 flutter run

  没开ssr，卡在Running Gradle task ‘assembleDebug’…

  把以下替换成阿里的镜像

  你新建的项目的根目录下的/android/build.gradle

  buildscript {
      ext.kotlin_version = '1.3.50'
      repositories {
          // google()
          // jcenter()
          maven { url 'https://maven.aliyun.com/repository/google' }
          maven { url 'https://maven.aliyun.com/repository/jcenter' }
          maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
      }
  
      dependencies {
          classpath 'com.android.tools.build:gradle:4.1.0'
          classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
      }
  }
  
  allprojects {
      repositories {
          // google()
          // jcenter()
          maven { url 'https://maven.aliyun.com/repository/google' }
          maven { url 'https://maven.aliyun.com/repository/jcenter' }
          maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
      }
  }
  

  flutter安装目录下的/flutter/packages/flutter_tools

  buildscript {
      repositories {
          // google()
          // jcenter()
          maven { url 'https://maven.aliyun.com/repository/google' }
          maven { url 'https://maven.aliyun.com/repository/jcenter' }
          maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
      }
      dependencies {
          classpath 'com.android.tools.build:gradle:4.1.0'
      }
  }
  

  修改完运行 flutter clean， 然后运行flutter run

  过了一万年，项目终于启动了，虽然这是人类的一小步，却是万千小小白的一大步啊！

• 调试的方法

  修改了啥代码，ctrl+S，会自动热加载