一、开发环境的搭建
Chrome下载地址：在网上搜“Chrome”即可。
HBuilder下载地址：http://www.dcloud.io/注意不要下载HBuilderX。
不需要安装，直接解压到硬盘即可，运行HBuilder.exe（最好以管理员权限运行）
愿意注册就注册然后登录，不愿意注册，直接点【暂不登录】也可以。
HBuilder中新建普通Html项目的方法，主菜单【文件】→【新建】→【Web项目】。
生成的默认项目中包含一个网页index.html和一些文件夹，还可以创建更多html文件，只要在项目的根节点上点右键【新建】→【HTML文件】
我们直接用浏览器打开硬盘上的在HBuilder打开一个要运行的html文件；
也可以在HBuilder中打开要运行的html文件，然后点主菜单的【运行】→【浏览器运行】，选择Chrome浏览器。会在浏览器中打开页面，会在它内置的服务器中运行，更符合实际运行的场景。网址后面会自动加上一串字符串“?__hbt=1536404170835”，初学者不用管那是啥，不加也行。改完代码后，只要保存，浏览器刷新就能看到新的变化。
扫描二维码关注公众号，回复：
11320741 查看本文章
HBuilder中还有一种“边改边看模式”，修改完代码保存后，内置浏览器自动刷新，对于学HTML、CSS非常有用。在右上角：
这个查看的内置浏览器也是Chrome，不过是35版本，版本比较低，新特性可能不支持。
而且这个有时候也不会自动刷新，遇到这种情况，手动刷新一下即可。
HBuilder是基于Eclipse开发的插件，因此很多操作和Eclipse很像，学Java的同学用起来会更亲切。HBuilder自动完成的“神键”就是Alt+/。
HBuilder有一个字符串自动闭合很讨厌，建议关闭：主菜单【工具】→【选项】，HBuilder下的【编辑器】中：
