web前端开发工具有哪些

本篇内容介绍了“web前端开发工具有哪些”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

谢通门ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联建站的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18982081108（备注：SSL证书合作）期待与您的合作！

Web Standards Update for Visual Studio

下载：Web Standards Update for Microsoft Visual Studio 2010 SP1

这是***个我推荐的关于编辑HTML5, CSS3和JavaScript代码的扩展，由微软的Visual Web Developer team开发，包括了HTML5 schema的支持，改进了CSS3和JavaScript的智能提示。尽管Visual Studio Service Pack 1提供了一些HTML5 schema的支持，但是我推荐使用这个(应该是***的)。关于此的更多信息，请访问：Web Standards Update - behind the scenes

JScript Editor Extensions

下载：JScript Editor Extensions

你可能习惯了C#里的语法高亮，区域大纲折叠等功能，JavaScript默认是不支持的，这个插件就是做这个事情的。

安装JScript Editor扩展以后，你可以对以下不同的扩展进行开启和禁用：Brace Matching，JScript Intellisense ，Outlining and Word Highlighter. 有时候知道一些依赖扩展也是比较好的。例如JqueryUI依赖于jQuery。

请查看Channel9上的关于该扩展的一个应用视频。

Mindscape Web Workbench

下载：Mindscape Web Workbench

Scott Hanselman有个帖子专门讲解了Visual Studio下的“Mindscape Web Workbench”扩展，它加入了对CoffeeScript, SAAS和LESS的支持。担心有太多的扩展?没必要，作为开发人员是很有必要的。

◆ Coffeescript: CoffeeScript是一个能将代码编译成JavaScript的语言。

◆ SAAS: Sass是一个关于CSS3的扩展，添加了variables, mixins,选择器集成等功能。它可以标准化和格式化CSS代码，使用VS的扩展可以自动格式化代码。

◆ LESS: LESS和SASS类型也是提供了对variables, mixins的支持，但是他提供一个了服务器端服务器以及将代码转化成标准CSS的插件(通过在客户端运行一个JavaScript类库)。

JSLint.VS2010

下载：JSLint.VS2010

当你看到JSLint名称的时候，你可能感觉到不用JavaScript就没办法做前端开发。但是如何使用一些模式以及验证你的JS代码，JSLint可以为你做这件事。使用这个插件可能刚开始会让你感觉不爽，因为他使用了很多类似C#的规则(例如，某些变量声明了但是没使用)在编译的时候提示警告。但是一旦过了一段时间以后，你就会发现它确实帮你改掉了很多坏习惯，也让你的代码更加容易维护。

(可以看到，代码尽管可以运行，但是提示了很多警告)

你也可以查看它的在线版本：http://jslint.com

jQuery IntelliSense

asp.net MVC3项目创建的时候就已经包含jQuery和jQuery智能提示的文件了，如果你想再其它类型的项目使用jQuery智能提示，可以通过下载jQuery.vsdoc的NuGet包来实现，不过jQuery1.6以后的版本默认在NuGet包里已经包含了该vsdoc文件了，不用在单独下载了。