声明：

本文源自21天开源鸿蒙跨平台训练营活动-第二篇博客

Flutter 配置AtomGit上(共三部)

上、梳理跨平台的概念——理解概念便于配置
中、讲解flutter框架——配置 flutter
下、讲解DvoEco的框架——导入 flutter

本篇为大家带来跨平台的概念，通过本人项目经历来分享，举例什么是“壳，什么是肉"来理解 Flutter for Open Harmony，希望通过此文帮助大家理解跨平台概念，有助于后续开发！

一、何为跨平台

通过第一篇博客搭建跨平台开发-Flutter环境，通过文件目录来找到构建 flutter 项目，并且在 DveEco 上编译运行。完成 flutter 第一个项目，这时候各位需要明白 DevEco 目录结构以及分辨清楚自己是在Open Harmony下编译运行，也就说此再此目录和修改任何代码，依旧是Open Harmony语法，这不是跨平台 ！ 这是在平台原生层进行修改! 如下图1所示

（图1 DevEco 平台层）

现在来用通用概念来解释一下：同一套业务代码，编译/解释后能在 iOS、Android、PC、IoT、鸿蒙等多端运行，降低人力与维护成本。flutter 和Open Harmony 的性质就是如此，通过一个平台（编译器）上进行写所在平台语法代码去不同平台跑通！

现在我来用“图2 壳和图3 肉”来解释一下跨平台开发-flutter 在Open Harmony具体体现

（图2 壳—原生平台层）

（图3 肉—跨平台）

通过两张图举例，其核心要素是为了后续配置构建 flutter项目 和在DevEco导入时不知所措和无奈时提供帮助和参考！
我们是通过flutter 项目在DevEco通过编译运行，翻译成官方语言就是：跨平台开发，跨平台引擎 + 业务代码在平台原生层完成编译运行！

二、怎么跨平台

前面讲到什么是壳是什么肉，现在简单来讲下如何跨。
1.新建flutter 项目
cmd 命令
flutter create my_app
flutter create --platforms=ohos
通过以上命令完成了 flutter 跨平台项目创建，建议从想在磁盘进入cmd，例如想在D进入，如下图4演示

（图4 D盘命令板演示）

cmd命令解释
执行完后，目录里会出现
my_app\lib\main.dart —— 这就是“肉”；
my_app\ohos —— 这就是 OpenHarmony 的“壳”（Ability+ XComponent）。

如果没有第二个命令去添加没有 ohos 的 flutter 项目的话 DevEco会报错：它请添加鸿蒙项目

（图5 DevEco 不是鸿蒙项目报错）

三、理解跨平台

我用了“壳和肉”去区分和认识平台层和跨平台层是什么，当然还有很多丰富的生活例子来区分，例如“饭盒”与“饭菜”等。
希望可以帮助大家理解跨平台概念，理解后在接下来的两篇教程中方便理解，不在迷茫，本人迷茫了一上午才完成了flutter 配置 AtomGit ，到最后一步卡好久了，就是无法添加鸿蒙项目，当时不理解，通过 ai 帮助下完成配置和编译运行，我本人是在用 kimi ai 的。希望大家也能用 ai 提高效率！