鸿蒙教程 Day01（鸿蒙介绍与开发环境） 8.类web开发范式项目实战讲解

Day01 类web开发范式项目实战讲解

一、创建项目

1.选择Empty Ability

我们选择Create project之后，这里为什么只选Empty Ability，因为其他的选项都只支持手机横屏和竖屏的开发，你鼠标停在上面不动就能看到支持的类型，我们现在学习用Empty Ability更适合讲解。

2.填写项目信息

Project name是我们的项目名称，Bundle name是我们编译之后的名称，save location就是存放位置。

3.编译项目

进入项目后，会自动进行编译，编译完成后通知栏会告诉你已经finished。

4.预览页面

打开pages/index/index.hml，这是我们显示页面内容的文件，点击右侧的previewer按钮，就可以进行预览了。

这就是我们空白项目的最终运行结果。

5.注意点

1.如果你把hml文件内容全部删掉，会发现预览报错，因为hml文件必须要有组件才能预览，且只能有一个根节点组件包裹住所有内容。