flutter工程

原创已于 2025-09-03 21:29:15 修改 · 423 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

于 2025-08-31 22:03:23 首次发布

目前看这版本老教材
https://book.flutterchina.club/

安装flutter

在VSCode中安装flutter extension、flutter组件

国内源下载flutter 3.35.2的SDK，安装，官网下载不了

将flutter安装目录加入环境变量中

D:\program\flutter_sdk\flutter\bin
执行

C:\Windows\System32>flutter --version
Flutter 3.35.2 • channel stable • https://github.com/flutter/flutter.git

安装android studio建立安卓工程

碰到编译失败，则选国内数据源

https://blog.csdn.net/wulong710/article/details/151026743?spm=1001.2014.3001.5501

建立flutter工程

在vscode中 ctrl+shift+P，选择flutter: New Project，建立flutter工程

andrew@wxh MSYS /d/work/flutter/my_first_pro/flutter_application_1
$ tree -L 1
.
├── README.md
├── analysis_options.yaml
├── android
├── flutter_application_1.iml
├── ios
├── lib
├── linux
├── macos
├── pubspec.lock
├── pubspec.yaml
├── test
├── web
└── windows

9 directories, 5 files

flutter doctor检查各个平台环境是否完整

C:\Windows\System32>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 3.35.2, on Microsoft Windows [版本 10.0.22621.4317], locale zh-CN)
[√] Windows Version (11 专业版 64 位, 22H2, 2009)
[√] Android toolchain - develop for Android devices (Android SDK version 36.1.0-rc1)
[√] Chrome - develop for the web
[!] Visual Studio - develop Windows apps (Visual Studio Community 2019 16.11.50)
    X The current Visual Studio installation is incomplete.
      Please use Visual Studio Installer to complete the installation or reinstall Visual Studio.
[√] Android Studio (version 2025.1.2)
[√] Connected device (3 available)
[!] Network resources
    X A network error occurred while checking "https://maven.google.com/": 信号灯超时时间已到

    X An HTTP error occurred while checking "https://github.com/": 信号灯超时时间已到


! Doctor found issues in 2 categories.

vscode或android studio安装flutter和dart两个插件

使用android studio打开android目录

andrew@wxh MSYS /d/work/flutter/my_first_pro/flutter_application_1
$ tree -L 1
.
├── README.md
├── analysis_options.yaml
├── android
├── build
├── flutter_application_1.iml
├── ios
├── lib
├── linux
├── macos
├── pubspec.lock
├── pubspec.yaml
├── test
├── web
└── windows

10 directories, 5 files

在build.gradle文件添加国内源

allprojects {
    repositories {
        maven {
            setUrl("https://maven.aliyun.com/repository/public")
        }
        maven {
            setUrl("https://maven.aliyun.com/repository/google")
        }
        maven {
            setUrl("https://maven.aliyun.com/repository/jcenter")
        }
        maven {
            setUrl("https://maven.aliyun.com/nexus/content/repositories/releases")
        }
        maven {
            setUrl("https://jitpack.io")
        }
        google()
        mavenCentral()
    }
}

settings.gradle中也添加国内源

    repositories {
        maven {
            setUrl("https://maven.aliyun.com/repository/public")
        }
        maven {
            setUrl("https://maven.aliyun.com/repository/google")
        }
        maven {
            setUrl("https://maven.aliyun.com/repository/jcenter")
        }
        maven {
            setUrl("https://maven.aliyun.com/nexus/content/repositories/releases")
        }
        maven {
            setUrl("https://jitpack.io")
        }
        google()
        mavenCentral()
        gradlePluginPortal()
    }

在这里插入图片描述

flutter sdk下flutter_sdk\flutter\packages\flutter_tools\gradle\resolve_dependencies.gradle.kts中也添加国内源

repositories {
        maven {
            setUrl("https://maven.aliyun.com/repository/public")
        }
        maven {
            setUrl("https://maven.aliyun.com/repository/google")
        }
        maven {
            setUrl("https://maven.aliyun.com/repository/jcenter")
        }
        maven {
            setUrl("https://maven.aliyun.com/nexus/content/repositories/releases")
        }
        maven {
            setUrl("https://jitpack.io")
        }
    google()
    mavenCentral()
    maven {
        url = uri("$storageUrl/${engineRealm}download.flutter.io")
    }
}