2015年马上就要过去了，今年有很多新的网页设计和开发工具，所以我觉得是时候贴出我2015年最喜欢的前端工具的总结了工具。在开始之前，我需要说明：我不能保证这些工具的质量和安全性；这里只是我在2015年找到的工具，并不代表它们是2015年开发的；不按任何特定顺序；有些可能不属于“前端工具”，但我们只讨论其中属于前端的部分；下面，让我们开始吧。1.ai2html由纽约时报编辑部的开发人员开发。其描述如下：一个开源的Adob??eIllustrator脚本，可将您的Illustrator文档转换为HTML和CSS。2.sloc非常整洁。这是一个命令行工具，可以帮助您生成源代码的统计信息。默认情况下，输出信息只是一个简单的列表，但您也可以将其转换为CSV、JSON、CLI表格格式。通过npm安装后，可以执行这个命令：slocindex.html我在一个比较大的HTML文档上执行上面的命令，生成了如下信息：--------Result------------Physical:9788Source:6340Comment:645Single-linecomment:0Blockcomment:645Mixed:642Empty:3445Numberofffilesread:1-------------------------------下面的命令可以生成JSON格式的数据：//commandsloc--formatjsonindex.html//result{"files":[{"path":"index.html","stats":{"total":9788,"source":6340,"comment":645,"single":0,"block":645,"mixed":642,"empty":3445},"badFile":false}],"summary":{"total":9788,"source":6340,"comment":645,"single":0,"block":645,"mixed":642,"empty":3445}}3.Walkway这是一种为SVG元素设置动画的非常简单的方法，我可以保证它的易用性。4.VisSense.js这个库可能有很多不同的用例。它被描述为：一个实用程序库，可以观察DOM元素可见性的变化。您可以立即知道某个元素是隐藏的、部分可见的还是完全可见的。您可以在演示页面上看到效果。5.is.js这被描述为“微型检查库”，它提供了一个很好的API，允许您进行各种数据检查。is.decimal(41.5);//trueis.number('hello');//falseis.regexp(/test/);//trueis.usZipCode('90201');//trueis.socialSecurityNumber('017-90-7890');//trueis.hexColor('#333');//trueis.odd(42);//falseis.domNode(el);//dependsonthevalueofelis.iphone();//dependsondeviceis.ipad();//dependsondeviceis.inNextWeek(myDate);//dependsondatevalue6.GruntSassyCleanGruntSassyClean是一个Grunt任务，它允许您删除任何无用的部分。也就是说，它们可能在您的文件结构中，但无论出于何种原因，您实际上并没有在您的项目中使用它们。您需要像这样在Grunt文件中包含grunt.initConfig()：sassyclean:{options:{modules:['sass/modules/**/*.scss','sass/themes/**/*.scss','sass/layout/**/*.scss','sass/base/**/*.scss'],buildfiles:['sass/**/*.scss'],remove:false,days:null},}7.SassDirector这是另一个非常简洁但小巧的Sass工具。SassDirector生成一个终端命令，该命令在执行时自动生成文件结构和文件。8.Awesomplete这是一个非常好用的JavaScript自动补全脚本，没有任何依赖。它提供了所有需要做的自动完成脚本，并且还可以定制。比如导入CSS和JS文件后，HTML结构可以这样写：
