北大青鸟设计培训：HTML的开发工具有哪些适合新人用？

大家刚HTML入门时，感兴趣想学习却不知道html开发工具有哪些，具体哪一个最好用。

今天java课程http://www.kmbdqn.cn/就为大家推荐5款经常会用到的html开发工具，供大家参考。

1.SublimeText3：这是一个很不错的代码编辑器，语法高显亮、自动补全、插件也比较多，小巧快捷，安装也比较方便，支持的编程语言比较多，主流的java,c++,python,js等都包含其中，前端开发中也常用到这款软件：2.VSCode：这个是微软开发的一款轻量级代码编辑器，免费、跨平台，对于钟情于微软工具的开发者来说，这是一个很不错的选择，这个软件支持的编程语言也很多，有好几十种，包括css,html,js等，语法高显亮、自动补全、插件丰富，还支持git功能，是一个很不错的开发工具：3.WebStorm：这是一个专门用于开发web的工具，由JetBrains公司研发，功能强大，在前段开发中经常用到，自动补全、语法提示、代码检查，还集成了版本控制系统，支持git，唯一的缺点，就是不是免费的，试用期30天，过后就需要付费，只不过网上有注册码，可以使用一下：4.DreamweaverDreamweaver简称DW,可以快速的编写html和css，有着强大的语法提示功能，同时有一个实时视图模式，可以在写的过程中直接预览效果，可以快速的开发html5.HBuliderHBulider一款前端开发工具，可以用来写html、css、js等语言，有着无死角提示，包括图片、链接、字体等提示，非常强大；HBulider追求的就是快速编码目前就介绍这5个html开发工具吧，对于后期的项目开发来说，完全够用了，不过HTML入门时，建议使用记事本来编写html代码，以熟悉为主，把基础功练好才是最重要的，后期熟悉后，就可以使用这些开发工具了，效率也会大大提升。

1、Sublime Text

Sublime Text 是一个跨平台的代码编辑器，同时支持Windows、Linux、Mac OS X等 *** 作系统，也是HTML和散文先进的文本编辑器。

Sublime Text具有漂亮的用户界面和强大的功能，主要功能包括:拼写检查，书签，完整的 Python API ，Goto 功能，即时项目切换，多选择，多窗口等等。

2、Dreamweaver

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，拥有可视化编辑界面，支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，初学HTML5的人可以无需编写任何代码就能快速创建Web页面。

3、Adobe Edge

Adobe Edge是一款新型网页互动工具，允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性。

4、WebStorm

WebStorm是一款Java 开发工具，目前已经被广大中国JS开发者誉为"Web前端开发神器"、"最强大的HTML5编辑器"、"最智能的Java IDE"等。

WebStorm具有的优势是：智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。

5、HBuilder

HBuilder，即Html Builder的缩写，Builder是建造者的意思。HBuilder是一个极客工具，追求无鼠标的极速 *** 作，不管是敲代码的快捷设定，还是 *** 作功能的快捷设定，都融入了效率第一的设计思想。

HBuilder不为敲字母而花费时间，不为大小写拼错而调错半天，把精力花在思考上，想清楚后落笔如飞。支撑这个理念，除了体验上的精细设计，还要求我们突破很多世界级技术难题，包括语法库、语法结构模型、AST语法分析引擎。

参考资料来源：百度百科——Sublime Text

参考资料来源：百度百科——Dreamweaver

参考资料来源：百度百科——Adobe Edge

参考资料来源：百度百科——WebStorm

参考资料来源：百度百科——HBuilder

让sublime text提示html代码的方法如下:

工具原料：sublime text 3

1、新建文件的时候直接创建后缀名为.html的文件，此时sublime text默认就会提示html标签。

2、如果没有提示，请查看sublime text状态栏看语法类型是否是html，如不是请修改，如下图：

补充知识：

sublime text如果想更好烦人提示其他语言如css需要安装对应的插件即可完美提示。

---