如何创建一个html5开发环境

html-css026

如何创建一个html5开发环境,第1张

IE9+、FF、Opera、Chrome都是支持HTML5的

HTML而已,不需要服务端,编辑器用记事本、Notepad++、Dreamweaver都行

推荐后者吧,起码有代码提示、站点管理等功能——8版本之后的Dreamweaver还真没用过,一直用VisualStudio了……

测试方面……浏览器打开行就行,不行就调

另外以上浏览器都有HTML元素查看器的,方便你调整

IE9的是F12开启调试功能

方法/步骤

所幸,Cocos2d-html5人性化的内置了一个HelloWorld,我们运行这个HelloWorld程序:

1.打开WebStorm,选择Create New Project from Existing Code,从使用现有的代码创建一个工程。

2.在新的弹出框中选择Source files are in a local directory, no Web server is yet configured,然后点击Next.

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

4.左侧就是项目文件目录,目录结构我们后面再说。其中有个HelloHTML5World目录,这个就是引擎给提供的HelloWorld程序。

5.双击打开其中的index.html文件,在代码中稍作停顿,能在右上角看到印有浏览器图标的弹出框。点击Google Chrome,就可以运行HelloWorld了。

6.如果你能看到如下画面,说明你的环境搭建成功了。