打開FileProject出現(xiàn)newproject彈出框選擇HTML5Boilerpalte選擇HTML5樣板修改對應(yīng)的名字和Version，我輸入h5_test01，version600點(diǎn)擊Create后，將會創(chuàng)建一個h5_test01H5項目。

webstorm快速生成html框架 1AltF7打開設(shè)置頁面2點(diǎn)擊右邊的“”號添加LiveTemplate設(shè)置關(guān)鍵字和代碼，選擇下面的定義，選擇JavaScript，點(diǎn)擊確定新手如何制作簡單的h5頁面新手可以嘗試用意派Epub360制作一些簡單的H5作品，這。

這樣 就可以創(chuàng)建了，如果有更多需求可以修改 默認(rèn)的模板。

文件新建選擇好存儲項目路徑一 基本概念 超文本標(biāo)記語言，標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用 “超文本”就是指頁面內(nèi)可以包含圖片鏈接，甚至音樂程序等非文字元素 超文本標(biāo)記語言的結(jié)構(gòu)包括“頭”部分英語Head。

1首先，選擇開發(fā)工具WebStorm，開始創(chuàng)建項目，新建項目選擇文件保存路徑，創(chuàng)建項目文件夾2然后，創(chuàng)建子目錄分別創(chuàng)建imgs文件夾，用于存放圖片資源css文件夾，用于存放css文件js文件夾，用于存放js文件在根目錄創(chuàng)建。

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

根據(jù)提供的圖片，webstorm彈窗警告里的意思不能在只讀目錄里創(chuàng)建html文件，請將文件目錄的只讀屬性去除。

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

我試了下，但創(chuàng)建出來的都是html文件另外，軟件開發(fā)請不要用中文命名，軟件開發(fā)請不要用中文命名，軟件開發(fā)請不要用中文命名，重要事情說三遍防止出現(xiàn)未知bug包括文件名，類名，方法名，變量名等等 請在此輸入您的。

html5和普通的html文件沒有差別，所以你可以選擇html文件，然后把其頭部修改為html5標(biāo)準(zhǔn)頭即可。

3選擇搭建開發(fā)環(huán)境第一步中我們解壓的Cocos2dhtml5目錄并點(diǎn)擊左上角的Project Root按鈕，將這個文件夾作為項目根目錄，將這個目錄作為項目的根目錄，并點(diǎn)擊Finish，這樣我們就把引擎導(dǎo)入到了WebStorm如何在Cocos引擎中配置。

需要先配置一個調(diào)試的服務(wù)器，如果會需要安裝對應(yīng)的瀏覽器插件配合使用 1 首先要安裝WebStrom以及在Chrome瀏覽器里配置好Live Edit插件2 運(yùn)行WebStrom，創(chuàng)建一個web project3 修改indexhtml文件如下lt！DOCTYPE html。

在保存時點(diǎn)擊保存位置為桌面webstorm是一款javascript開發(fā)工具webstorm提供了開發(fā)web應(yīng)用的html5樣板開發(fā)者可以在創(chuàng)建html文檔時獲得對html5文件的支持，例如開發(fā)者鍵入。

開啟了一個本地服務(wù)器，這個就是功能強(qiáng)悍，不用像Dreamweaver一樣還有自己配服務(wù)器地址神馬的而且他支持很多主流的javascript框架，是前端開發(fā)。

指向的是你創(chuàng)建的項目的根目錄的上一級目錄，是webstorm創(chuàng)建項目時配置的服務(wù)器。

HTML代碼可以用BracketsWebStormvscodeSublime TextHBuilder EditPlus等開發(fā)工具來編寫隨著各大瀏覽器對HTML技術(shù)支持的不斷完善，未來HTML必將改變我們創(chuàng)建Web應(yīng)用程序的方式而很多html的初學(xué)者都想找一款好用的編寫。