前言

学习鸿蒙有一段时间了，我一直都是边学边做项目，纯手敲代码，但是有一天我打开官方文档，突然发现另一种开发姿势------低代码开发方式，因为我之前都是用的Java。所以一直没怎么注意Js这一栏，废话不多说，上正文。

还没安装开发工具的可以看我这系列文章或者官方文档

【鸿蒙征程】一.环境配置✨超多图片很详细✨

【鸿蒙征程】三.✨终于肝出了鸿蒙配置文件，资源文件的思维导图✨

1.创建JS工程

Language选择Js，Device Type只能选择Phone

2.创建 JS Visual文件

在Project窗口，选择工程中的“entry > src > main > js > default > pages”，单击鼠标右键，选择“New > JS Visual”，然后输入名称，创建。

点击CONFIRM,

创建完成后，点击提示框中的“Confirm”按钮，可以看到“entry > src > main > supervisual> default > pages > page > page.visual”

3.效果展示

下面是我创建的四个Button，通过简单的拖动就能够构建布局