更多内容请访问：与华为官方共建的鸿蒙技术社区https://harmonyos.51cto.com/#zz1，macos鸿蒙华为官方文档搭建环境：https://developer.harmonyos.com/cn/docs/documentation/doc-guides/installation_process-0000001071425528官方文档有详细说明，我是用macos创建js项目后，Gradle下载完成，报如下错误：好像在华为镜像仓库找不到包，百度必搜也没有发现这个错误，但感觉还是Gradle的问题。点击DevEcoStudio->Preference->Build...->Gradle->Gradleuserhome，IDE自带的目录就是带“.m2”的目录，这类目录在mac系统有权限。该目录下虽然已经下载了gradle-6.3，但是程序没有访问权限。需要重新创建一个文件夹作为Gradle用户家，然后重建，等待Gradle重新下载。构建完成后，在Tools->HVDManager中选择P40，然后点击run，第一个工程就可以启动成功了。2.鸿蒙js项目目录结构在大家熟悉的微信小程序中，应用的全局配置在项目根目录下的app.json中，包括页面注册、窗口显示内容等，页面在pages目录下，每个页面由四个文件组成：wxml、wxss、js和json。下面我们看一下鸿蒙js项目的目录结构。全局配置文件是/entry/src/main/config.json。页面的配置在module.js.pages中，应用启动的首页也放在最前面。js页面在/entry/src/main/js/default/pages目录下。右击目录->新建->JS页面后，IDE会自动新建一个文件夹。该文件夹包含三个文件：hml、css、js，页面会自动配置在config.json中。3、Flex布局Flex布局是编写前端页面时非常常用的一种布局方式。在尝试写最简单的页面布局时，发现鸿蒙布局和微信小程序确实不一样。这是一个非常简单的小程序布局。三个视图标签自动垂直排列，无需任何布局方式，每个元素占一行。鸿蒙中容器标签为div，与html一致。div必须作为整个页面的父标签，它包裹了页面中所有的子标签元素。尝试编写与小程序相同的布局：
