Flutter 项目代码目录结构

为了能方便的使用 VIM 开发 Flutter，必须了解 Flutter 项目的代码结构。

根目录

可以看到，分为 android 和 ios 独立的平台目录。

> ls -la
total 20
Jul 18 23:06 ./
Jul 18 22:54 ../
Jul 18 22:54 .gitignore*
Jul 27 20:30 .idea/
Jul 18 22:54 .metadata*
Jul 18 22:55 .packages*
Jul 18 22:54 README.md*
Jul 18 23:22 android/
Jul 21 14:05 build/
Jul 18 22:54 flutter_app1.iml*
Jul 18 22:54 ios/
Jul 21 21:10 lib/
Jul 18 22:55 pubspec.lock*
Jul 18 22:54 pubspec.yaml*
Jul 18 22:54 test/

lib 中是 dart 代码

> tree lib
lib
└── main.dart

hello world 的代码示例

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Welcome to Flutter',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Welcome to Flutter'),
        ),
        body: Center(
          child: Text('Hello World1'),
        ),
      ),
    );
  }
}

Android 目录

android/
├── app
│   ├── build.gradle
│   └── src
│       ├── debug
│       │   └── AndroidManifest.xml
│       ├── main
│       │   ├── AndroidManifest.xml
│       │   ├── java
│       │   │   ├── com
│       │   │   │   └── example
│       │   │   │       └── flutter_app1
│       │   │   │           └── MainActivity.java
│       │   │   └── io
│       │   │       └── flutter
│       │   │           └── plugins
│       │   │               └── GeneratedPluginRegistrant.java
│       │   └── res
│       │       ├── drawable
│       │       │   └── launch_background.xml
│       │       ├── mipmap-hdpi
│       │       │   └── ic_launcher.png
│       │       ├── mipmap-mdpi
│       │       │   └── ic_launcher.png
│       │       ├── mipmap-xhdpi
│       │       │   └── ic_launcher.png
│       │       ├── mipmap-xxhdpi
│       │       │   └── ic_launcher.png
│       │       ├── mipmap-xxxhdpi
│       │       │   └── ic_launcher.png
│       │       └── values
│       │           └── styles.xml
│       └── profile
│           └── AndroidManifest.xml
├── build.gradle
├── flutter_app1_android.iml
├── gradle
│   └── wrapper
│       ├── gradle-wrapper.jar
│       └── gradle-wrapper.properties
├── gradle.properties
├── gradlew
├── gradlew.bat
├── local.properties
└── settings.gradle

22 directories, 22 files

微信关注我哦 👍

我是来自山东烟台的一名开发者，有感兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊， 查看更多联系方式