打开FileProject出现newproject弹出框选择HTML5Boilerpalte选择HTML5样板修改对应的名字和Version，我输入h5_test01，version600点击Create后，将会创建一个h5_test01H5项目。

webstorm快速生成html框架 1AltF7打开设置页面2点击右边的“”号添加LiveTemplate设置关键字和代码，选择下面的定义，选择JavaScript，点击确定新手如何制作简单的h5页面新手可以尝试用意派Epub360制作一些简单的H5作品，这。

这样 就可以创建了，如果有更多需求可以修改 默认的模板。

文件新建选择好存储项目路径一 基本概念 超文本标记语言，标准通用标记语言下的一个应用 “超文本”就是指页面内可以包含图片链接，甚至音乐程序等非文字元素 超文本标记语言的结构包括“头”部分英语Head。

1首先，选择开发工具WebStorm，开始创建项目，新建项目选择文件保存路径，创建项目文件夹2然后，创建子目录分别创建imgs文件夹，用于存放图片资源css文件夹，用于存放css文件js文件夹，用于存放js文件在根目录创建。

可以直接新建html文件，然后将顶部的lt！DCOTYPE html 改成lt！DCOTYPE html即可。

根据提供的图片，webstorm弹窗警告里的意思不能在只读目录里创建html文件，请将文件目录的只读属性去除。

不是newclass 是newhtml，或者newfile也行，后缀改成html就可以了。

我试了下，但创建出来的都是html文件另外，软件开发请不要用中文命名，软件开发请不要用中文命名，软件开发请不要用中文命名，重要事情说三遍防止出现未知bug包括文件名，类名，方法名，变量名等等 请在此输入您的。

html5和普通的html文件没有差别，所以你可以选择html文件，然后把其头部修改为html5标准头即可。

3选择搭建开发环境第一步中我们解压的Cocos2dhtml5目录并点击左上角的Project Root按钮，将这个文件夹作为项目根目录，将这个目录作为项目的根目录，并点击Finish，这样我们就把引擎导入到了WebStorm如何在Cocos引擎中配置。

需要先配置一个调试的服务器，如果会需要安装对应的浏览器插件配合使用 1 首先要安装WebStrom以及在Chrome浏览器里配置好Live Edit插件2 运行WebStrom，创建一个web project3 修改indexhtml文件如下lt！DOCTYPE html。

在保存时点击保存位置为桌面webstorm是一款javascript开发工具webstorm提供了开发web应用的html5样板开发者可以在创建html文档时获得对html5文件的支持，例如开发者键入。

开启了一个本地服务器，这个就是功能强悍，不用像Dreamweaver一样还有自己配服务器地址神马的而且他支持很多主流的javascript框架，是前端开发。

指向的是你创建的项目的根目录的上一级目录，是webstorm创建项目时配置的服务器。

HTML代码可以用BracketsWebStormvscodeSublime TextHBuilder EditPlus等开发工具来编写随着各大浏览器对HTML技术支持的不断完善，未来HTML必将改变我们创建Web应用程序的方式而很多html的初学者都想找一款好用的编写。