• flutter环境配置好之后,如何运行flutter项目?

1.创建flutter项目

  • 这里使用的是Andriod Studio来创建的项目,以下简称as
  • 打开as
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  • 点击下一步,完成.基本的项目结构就创建好了

2.项目结构

在这里插入图片描述

  • 这是创建完成之后的项目结构,打开里层的flutter_app文件
    在这里插入图片描述
  • 手机通过usb接口连接到电脑中,此时as是可以识别到手机设备的
    在这里插入图片描述
  • 运行之前先去修改下配置文件不然会报错
  • 修改掉项目下的android目录下的build.gradle文件,把google() 和 jcenter()这两行去掉。改为阿里的链接。
    在这里插入图片描述
    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' }
    }

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 SDK包下的flutter.gradle文件,这个目录要根据你的SDK存放的位置有所变化
D:\ruanjian\flutter\flutter\packages\flutter_tools\gradle

-(以上是我本地的路径大家可以根据自己的路径找到文件)
在这里插入图片描述

    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' }
    }

3.正常运行flutter

  • 此时运行成功之后,as会自动在手机上安装该app,此时就可以编写代码了
  • 后期再启动的时候可以使用vscode运行flutter run 真机真机调试(热更新的是在终端输入r就可以在手机上实时同步更改)
Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐