web开发用什么工具,如何选择优秀的web开发工具？

Web开发工具其实非常多，优秀的也不少，下面我简单介绍5个不错的Web开发工具，感兴趣的朋友可以自己尝试一下：

Visual Studio Code

也就是VS Code，微软开发的一个免费、开源、跨平台的代码编辑器，轻巧灵活，运行速度快，占用内存少，在Web开发中经常会用到，使用的个人和公司也非常多，支持常见的自动补全、代码高亮、语法提示、Git等功能，插件扩展非常丰富，生态环境良好，对于Web开发来说，是一个非常不错的选择：

Sublime Text

这也是一个非常不错的代码编辑器，在Web开发中也经常会用到，可以跨平台使用，原则上是不免费的，网上有相关版本注册码，所以在使用上影响不大，基本功能和前面的VS Code差不多，轻便灵活，文本编辑功能强大，支持语言众多，智能补全、语法提示、代码高亮等功能也都不错，插件扩展也行，对于Web开发来说，也是一个非常不错的工具：

Atom

这也是一个免费、开源、跨平台的代码编辑器，由GitHub设计研发，基于Electron技术，基本功能和前面两个软件差不多，代码高亮、语法提示、自动补全、Git等功能都能很好支持，插件扩展也非常丰富，唯一不足就是启动速度慢，偶尔还会出现内存占用率高的问题，但对于Web开发来说，也是一个不错的选择：

HBuilder

这是一个专门用于Web开发的国产工具，轻巧、极速、界面柔绿，目前支持来说，只支持Windows和Mac系统，语法提示、自动补全、Markdown等功能都非常不错，还提供云打包功能，可以直接将我们开发的网页打包为手机APP（安卓、苹果等），使用起来非常方便，对于Web开发来说，也是一个非常不错的选择：

WebStorm

这是一个重量级的Web开发工具，非常专业，Jetbrains公司的产品，在团队协作的大型项目开发中经常会用到，语法检查、自动补全、代码高亮、Git等功能都非常不错，插件扩展也非常丰富，除此之外，还支持代码重构、单元测试、代码检测和快速修复等功能，对于Web开发来说，是一个非常不错的工具：

目前，就分享这5个不错的Web开发工具吧，对于日常Web开发来说，完全够用了，当然，还有许多其他的Web开发工具，像Notepad++，DW，IDEA等也都不错，选择适合自己的一款就行，网上也有相关教程和资料，非常丰富详细，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言补充。

html5开发工具有哪些？

随着移动互联网飞速发展，html5语言的出世也受到广大开发者们的喜爱，HTML5被看做是web开发者创建流行web应用的利器，增加了对视频和Canvas 2D的支持。但很多对html5的同学感兴趣想学习都不知道html5开发工具有哪些，具体哪一个最好用。今天千锋武汉小编就为大家推荐12款经常会用到的html5开发工具。

1、Adobe Dreamweaver CS6

Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。由于Dreamweaver支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作！

2、Adobe Edge

Adobe Edge是一个用HTML5、CSS、Java开发动态互动内容的设计工具。它的一个重要功能是web工具包界面，用于方便确保在不同浏览器中架构的一致性，此外，Adobe Edge还将整合TypeKit这样的字体服务。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。

3、DevExtreme

DevExtreme Complete Subion是性能最优的HTML5,CSS和Java移动开发框架，可以直接在Visual Studio集成开发环境，构建iOS，Android，Tizen和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件，并且提供源代码。目前，DevExtreme支持VS2010/2012/2013集成开发环境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台，是Visual Studio开发人员开发跨平台移动产品的首选工具。

4、JetBrains WebStorm

WebStorm 是jetbrains公司旗下一款JS开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaS IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

5、Sencha Architect

在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 Java应用，并实时预览。

6、Initializr

Initializr 是制作 HTML5 网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr 会为你生成代码简洁的可定制的网页模板。

7、HTML5demos

想知道你的浏览器是否支持 HTML5 Canvas 吗？想知道 Safari 是否可以运行简单的 HTML5 聊天客户端吗？HTML5demos 会告诉你每一个HTML5特性在哪些浏览器中支持。

8、HTML5 Tracker

想了解 HTML5的最新动向吗? 使用 HTML5 Tracker 吧，它可以跟踪 HTML5 最新修订信息。

9、HTML5 visual cheat sheet

想要快速超找一个标签或者属性吗？看看这个非常酷的速查手册吧，每个Web开发人员的必备。

10、Switch To HTML5

Switch To HTML5 是一个基础而实用的模板生成工具。如果你开始一个新项目，可以到这里获取免费的 HTML5 网站模板。

11、HTML5 Test

你浏览器准备好迎接 HTML5 革命了吗？HTML5 Test 将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。

12、Lime JS

LimeJS 是一个 HTML5 游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具，一定要用用试试。

以上就是小编就向大家推荐12款优秀的HTML5开发工具。希望能帮助到大家！

做前端的能不能不学习JavaScript而直接学习jQuery？

前端都涉及到哪些东西？

我个人来看的话，是非常不建议这样做的！

Javascript的重要性

学习过前端的人都知道，Javascript在前端开发中的重要性，可以说比HTML+CSS加起来的占比还要重。

所有的JS类库都是已Javascript中的特性为基础实现的，比如说jQuery，就是对原生JS的选择器的封装，原生的getElementById()方法，只需要一个$('#')就可以实现，另外又增加兄弟，祖先等寻找方式。jQuery中还可以用extends自定义插件，这也是依赖原生JS的特性的。

再比如持续火热的Vue.js，它实现数据双向绑定，也是基于Obeject.defineProperty()方法，熟悉的人都知道，这是原生JS中Object对象的方法。

jQuery不再那么重要

为什么我会说jQuery不再那么重要呢？

Javascript从1995年诞生之初，只能够处理简单的DOM操作，而且需要写很多的繁杂代码。到2006年jQuery诞生之后，JS代码的编写变的异常简单，一个简单的$符号代替了很多很多的东西，不得不说jQuery对DOM的操作做到了极致化，而且为你解决了浏览器的兼容性问题。它的诞生在很长一段时间内对于前端开发者来说是很大的福音。

但是，技术总是向前发展的。人们发现基于DOM的操作会很繁琐，修改一个数据再反应到页面上，哪怕是使用jQuery也需要很长的一段代码就实现。于是基于数据操作的MVVM框架就诞生了，类似于AngularJS和Vue，自动实现数据视图双向绑定，这是何其的简单。这种感觉对于既学过jQuery又学过AngularJS的人来说感觉是最明显的。

而且这种新兴的MVVM框架都不会依赖与jQuery，就是想要摆脱繁重的DOM操作。