（以下内容来自开发者分享，不代表OpenHarmony项目群工作委员会观点） 邢碌本文是OpenAtomOpenHarmony（以下简称“OpenHarmony”）标准设备应用开发的第一篇文章。这一篇我们主要聚焦于如何在标准设备上运行一个最简单的OpenHarmony程序。 本文主要内容包括三个方面：1.应用编译环境准备；2.HelloOpenharmony页面编写；3.安装应用到标准设备上面。下面就让我们从零开始学习OpenHarmony标准设备应用开发。 一、应用开发环境准备1.1下载DevEcoStudio3.0Beta2版本链接：https://developer.harmonyos.

（以下内容来自开发者分享，不代表OpenHarmony项目群工作委员会观点） 邢碌本文是OpenAtomOpenHarmony（以下简称“OpenHarmony”）标准设备应用开发的第一篇文章。这一篇我们主要聚焦于如何在标准设备上运行一个最简单的OpenHarmony程序。 本文主要内容包括三个方面：1.应用编译环境准备；2.HelloOpenharmony页面编写；3.安装应用到标准设备上面。下面就让我们从零开始学习OpenHarmony标准设备应用开发。 一、应用开发环境准备1.1下载DevEcoStudio3.0Beta2版本链接：https://developer.harmonyos.

环境配置、helloworld1：androidstudio上安装dart、flutter插件2：配置flutter系统环境Flutter入门及实战之HelloWorld英文推荐-含教程Windowsinstall|FlutterFlutter中文官网-含教程image.png3：androidstudio-sdkmanager-sdktools安装"androidsdkcommmand-linetootlslastest"image.png4:AgreetoAndroidLicensesflutterdoctor--android-licenses问题1：cmdline-toolscompo

环境配置、helloworld1：androidstudio上安装dart、flutter插件2：配置flutter系统环境Flutter入门及实战之HelloWorld英文推荐-含教程Windowsinstall|FlutterFlutter中文官网-含教程image.png3：androidstudio-sdkmanager-sdktools安装"androidsdkcommmand-linetootlslastest"image.png4:AgreetoAndroidLicensesflutterdoctor--android-licenses问题1：cmdline-toolscompo

script标签这里vue3在script标签上加上了setup，可以简化使用，如下所示，引入组件后可以直接使用importHelloWorldfrom'./components/HelloWorld.vue'数据和函数vue3中的数据和函数是在setup函数中定义的，由于script标签添加了setup因此直接定义即可importHelloWorldfrom'./components/HelloWorld.vue'import{reactive,ref}from"vue"letname=ref("李四")letperson=reactive({age:18,sex:"男"})function

script标签这里vue3在script标签上加上了setup，可以简化使用，如下所示，引入组件后可以直接使用importHelloWorldfrom'./components/HelloWorld.vue'数据和函数vue3中的数据和函数是在setup函数中定义的，由于script标签添加了setup因此直接定义即可importHelloWorldfrom'./components/HelloWorld.vue'import{reactive,ref}from"vue"letname=ref("李四")letperson=reactive({age:18,sex:"男"})function