初识HBuilder

之前学的还是基本的HTML代码，比如表格、表单、框架啊等等。讲了一大堆，什么js特性，H5的特性啊，H5的canvas（画布）的新特性。总之一大堆的理论。  讲完了！！下面我们步入正题，做一个什么小游戏好呢！大家想了想，说了说，都同意做一个五子棋的小游戏。老师也步入了正轨，讲起了的怎么来做这个游戏…..,老师先把棋盘画了出来，再叫我们跟着老师的步骤做，因为快要下课了，我们快马加鞭的做了起来，虽然是第一次用H5，但还是觉得不是很难。JavaScript和Java程序有着相似的地方，感觉并不是那么难。  第一天上午就这样过去了，我们听老师讲完，就画了棋盘，不过老师推荐我们用的HBuilder这个工具真心不错

HBuilder 可以直接在官网（http://www.dcloud.io/）上下载，下载解压之后用安装，直接双击HBuilder.exe就可以直接运行。

打开之后呢，会弹出一个登陆框，这个当然可以直接跳过

打开程序之后会弹出，几个选择主题的提示框，根据个人喜好选择就可以了。选择好了之后你会发现这款软件使用非常方便，相对于DW来说也是方便很多的，有了更多的中文提示。

下面这个截图呢是hbuillder打开之后的一个hbuilder的一个入门，左边呢是一些链接，右边就是具体的操作，使得我们初次接触的人也能很快上手

依次点击文件→新建→选择Web项目(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击Web项目))

http://blog.csdn.net/csdn_sudan/article/details/74279603

http://meoo.net/2017/07/04/%E5%88%9D%E8%AF%86hbuilder/2949.html