【Flutter3.8x】flutter从入门到实战基础教程(一):新建一个flutter项目

风清云淡_A2026-05-23 10:31

初始化项目步骤

vscode中安装flutter插件

ctrl+shift+p弹出命令框

点击flutter:new project系统会自动生成一个项目，其中会让选择一个文件夹存放源码，自行选择就行

启动安卓模拟器

把文件定位在main.dart上，然后再点击这里

如果启动失败，就要看看自己模拟器的api版本

保持一致就行

settings.gradle.kts文件配置,repositories 添加国内的镜像地址

js 复制代码

pluginManagement {
    val flutterSdkPath =
        run {
            val properties = java.util.Properties()
            file("local.properties").inputStream().use { properties.load(it) }
            val flutterSdkPath = properties.getProperty("flutter.sdk")
            require(flutterSdkPath != null) { "flutter.sdk not set in local.properties" }
            flutterSdkPath
        }

    includeBuild("$flutterSdkPath/packages/flutter_tools/gradle")

    repositories {
        maven { url = uri("https://maven.aliyun.com/repository/google") }
        maven { url = uri("https://maven.aliyun.com/repository/central") }
        maven { url = uri("https://maven.aliyun.com/repository/spring") }
        maven { url = uri("https://mirrors.aliyun.com/gradle/") }
        maven { url = uri("https://mirrors.aliyun.com/macports/distfiles/gradle/") }
        maven { url = uri("https://maven.aliyun.com/nexus/content/groups/public/") }
        maven { url = uri("https://maven.aliyun.com/nexus/content/repositories/jcenter") }
        maven { url = uri("https://maven.aliyun.com/nexus/content/repositories/google") }
        maven { url = uri("https://maven.aliyun.com/nexus/content/repositories/gradle-plugin") }
        google()
        mavenCentral()
        gradlePluginPortal()
    }
}

plugins {
    id("dev.flutter.flutter-plugin-loader") version "1.0.0"
    id("com.android.application") version "8.11.1" apply false
    id("org.jetbrains.kotlin.android") version "2.2.20" apply false
}

include(":app")

gradle-wrapper.properties改成国内镜像的地址，推荐使用阿里云的

这样可以加快项目的启动

配置好之后，再启动项目，就很快看到demo页面了

实现效果

热更新，修改后保存就能自动刷新，开发体验提升了