随着各大浏览器对HTML5技术支持的不断完善,未来HTML5必将改变我们创建Web应用程序的方式。而很多html5的初学者都想找一款好用的编写软件,这里主机吧就给大家推荐七款好用的html5编写软件。

1、Brackets ,推荐指数:★★★★☆(四星)Adobe 开源的前端开发工具。这个基本上是完全为前端准备的,支持插件。起初用过一段时间,体验很不错的。内置 Server ,可以直接预览变化(热更新)。

2、WebStorm ,推荐指数:★★★★★(五星)之所以当初不用 Brackets 了,因为这货实在是太好用了。一贯的 Jetbrains-Platform 强大的代码提示、分析、检查和建议。可以集成 SASS/LESS 。内置 Server 。当然有了前端的一些脚手架/构建工具,集成什么的无所谓了。

3、VisualStudio Code (vscode) ,推荐指数:★★★*☆(三星半)vscode 有强大的扩展体系,可以做很多语言的开发。扩展质量比较高。还能集成数十种语言的调试。作为前端开发也很优秀。当然专门作为前端的工具我觉得还是略逊 Brackets 弱于 WebStorm 的。我个人用 vscode 写 rust 代码。或者其他很多语言的小例子程序。

4、Atom ,推按指数:★★★*☆(三星半)这个软件从架构上比 vscode 更重视扩展和自由性,其本身就是由众多扩展构成的。扩展的自由度很高,例如装一个 minimap 跟 sublime text 一样了。写前端跟 vscode 半斤八两,一样可以做其他很多语言的开发。但是个人感觉扩展质量普遍没有 vscode 的高。起初用过一段时间,但是受不了参差不齐的扩展质量和兼容性,就转 vscode 了。

5、Sublime Text ,推按指数:★★★☆☆(三星)这个相比上面三个,要轻量级得多。因为不是用 web 技术构建的桌面应用,启动速度也更快,更符合一个编辑器应该有的样子。不过扩展数量无法跟上面几个相比。前端开发上来说,已经跟不上 atom 和 vscode,所以我不是很想推荐它。但是作为一个 Text Editor 它绝对是首选之一。

6、HBuilder ,推按指数:★★☆☆☆(二星)这是个号称专门为HTML5准备的IDE,我在几年前用过,貌似是基于 eclipse 内核的。所有基于 eclipse 的软件我都不想用。当初记得它连 代码的 format 都有 BUG。格式化代码在上面推荐的几个中任意一个用扩展都能轻易做到非常完美的地步。

7、Aptana Studio ,推荐指数:★★*☆☆(二星半)这个跟上面的 HBuilder 类似是基于 eclipse 的,它是我接触的第一款内置 Server 的前端开发工具。当时记得安装它的时候要顺带安装一个 NodeJs 有点让我眼前一亮。不过也是好久没用过了。现在看了下它的官网,它还可以做 Ruby 、Python等开发,当然用来写前端也是其亮点。跟 HBuilder 半斤八两吧。

8、EditPlus,推荐指数:★☆☆☆☆(一星)最初学基础的时候,老师用的就是这个编辑器。我们也跟着用这个,只记得很清楚的是用它写网页可以点左上角的图标直接预览不用打开浏览器,会调用的IE用来显示页面。它作为一个  Text Editor 也是非常棒的,但是做前端开发已经不是很推荐了。

综上,小编个人比较推荐webstorm ,其次是 vscode,这两个目前觉得比较好用一些。

html5编写软件哪个好?八款html5编写软件推荐的更多相关文章

  1. 八款优秀Linux浏览器推荐

    #1.Firefox:互联网革命的新典范   众所周知,Firefox最大的优点就是拥有数以千计的插件,能够使得用户个性化自己的浏览器.与此同时,Firefox还是一款时尚.快捷.创新.高效的浏览器, ...

  2. 7款HTML5精美应用教程 让你立即爱上HTML5

    你喜欢HTML5吗?我想下面的这7个HTML5应用一定会让你爱上HTML5的,不信就一起来看看吧. 1.HTML5/jQuery雷达动画图表 图表配置十分简单 之前我们介绍过不少形形色色的HTML5图 ...

  3. 值得 Web 开发人员收藏的16款 HTML5 工具

    HTML5 正在迅速改变创建和管理网站的方式.HTML5 在不同的领域让网页设计更强大的.快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5 开发各种网站和应用程序. ...

  4. 如何制作一款HTML5 RPG游戏引擎——第二篇,烟雨+飞雪效果

    今天我们来实现烟雨+飞雪效果.首先来说,一款经典的RPG游戏难免需要加入天气的变化.那么为了使我们的RPG游戏引擎更完美,我们就只好慢慢地实现它. 本文为该系列文章的第二篇,如果想了解以前的文章可以看 ...

  5. 10款html5开发工具,实用+好用

    利用HTML5工具不仅可以帮助设计师和开发者创建更具吸引力的网站,还能增加网站的可用性和可访问性.本文收集了10款HTML5开发工具让你在网页中搭建特效.动画.视频.音频等诸多功能,为你节省更多开发时 ...

  6. 精妙无比 8款HTML5动画实例及源码

    1.jQuery垂直带小图标菜单导航插件 今天我们要来分享一款jQuery菜单插件,这款jQuery菜单是垂直的样式,鼠标滑过菜单项时会出现一个背景,菜单项的右侧也会出现一个小箭头.另外值得注意的是, ...

  7. 分享web前端七款HTML5 Loading动画特效集锦

    以前我们大部分的Loading动画都是利用gif图片实现的,这种图片实现Loading动画的方法虽然也很不错,但是作为HTML5开发者来说,如果能利用HTML5和CSS3实现这些超酷的Loading动 ...

  8. 绝对震撼 7款HTML5动画应用及源码

    1.HTML5 Canvas模拟衣服撕扯动画 超级逼真 今天又要来推荐一款HTML5 Canvas动画,是一个模拟衣服撕扯动画,效果非常逼真.刚开始衣服挂在绳子上,用鼠标拖拽衣服即可让衣服摆动起来,当 ...

  9. 7款HTML5的精美应用教程让你立即爱上HTML5

    1,HTML5/jQuery雷达动画图表图表配置十分简单 分享一款很特别的HTML5图表,它是利用HTML5和jQuery的雷达动画图表,图表数据在初始化的时候带有一定动画. 在线演示 源码下载 2, ...

随机推荐

  1. 数组中array==null和array.length==0的区别

    //代码public class Test1 { public static void main(String[] args) { int[] a1 = new int[0]; int[] a2 = ...

  2. nodejs连接阿里云物联网套件(mqtt)

    文档地址:https://help.aliyun.com/document_detail/73742.html   连接方法:先HTTPS认证再连接 /* *阿里云物联网套件nodejs连接示例 *C ...

  3. ckeditor_配置 修改工具栏段落的标签和在文中的格式

    在默认的工具栏中自带一个格式的选项,可以编辑文字的段落属性,将文字转换为标题.ckeditor中提供了方法可以对这个标签进行修改. 正在做的项目中不叫标题1标题2,叫章.节.条... . 需要进行配置 ...

  4. 田螺便利店—filezilla实现Linux和windows通信(二)

    filezilla,FileZilla是一个免费开源的FTP软件,分为客户端版本和服务器版本,具备所有的FTP软件功能.可控性.有条理的界面和管理多站点的简化方式使得Filezilla客户端版成为一个 ...

  5. Eclipse上传新项目到GitLab

    E&T: Eclipse; GitLab; GitLab和GitHub一样属于第三方基于Git开发的作品,免费且开源(https://github.com/gitlabhq/gitlabhq  ...

  6. python win32com.client

    搜集的一些关于win32com.client操作office的相关用法 #创建 #word w = win32com.client.Dispatch("Word.Application&qu ...

  7. spring+springmvc+hibernate 框架搭建

    1.新建web项目,将所需jar包放到 lib 目录下 2.配置web.xml 配置文件 <?xml version="1.0" encoding="UTF-8&q ...

  8. HttpClient设置连接超时时间

    https://www.cnblogs.com/winner-0715/p/7087591.html 使用HttpClient,一般都需要设置连接超时时间和获取数据超时时间.这两个参数很重要,目的是为 ...

  9. 基于 debian 操作系统的 docker 镜像,安装 vim

    基于 debian 操作系统的 docker 镜像,安装 vim,步骤: apt-get update apt-get install vim 注意: 直接运行步骤2,可能会报错: Reading p ...

  10. DevExpress中GridControl的重新绑定数据后如何刷新 (转)

    如果对girdcontrol的datasource新添加数据,重新刷新, gridControl1.DataSource = list; gridView1.RefreshData();