在开始搭建H5前端工程前，我们需要选择好开发工具、搭建开发环境、了解前端基础知识、学会使用调试工具以及node相关技术。准备好这些后，现在就跟着步骤来搭建H5前端项目吧！

1.首先，选择开发工具WebStorm ，开始创建项目，新建项目选择文件保存路径，创建项目文件夹。

2.然后，创建子目录。分别创建imgs文件夹，用于存放图片资源；css文件夹，用于存放css文件；js文件夹，用于存放js文件。 在根目录创建index.html文件。 正式开发

3.接下来，在网上搜索一个多页面的前端网站。审查页面元素并且分割页面布局，开始模仿网页并搭建H5前端工程。

建议前端新手刚刚开始学习时，根据前端知识点的不同，选择相应的实战项目开发。