??斗地主捕鱼电竞提现秒到 广告位招租 - 15元/月全站展示
??支付宝搜索579087183领大额红包 ??伍彩集团官网直营彩票
??好待遇→招代理 ??伍彩集团官网直营彩票
??络茄网 广告位招租 - 15元/月全站展示
Javascript开发工具大全

转载   Fundebug   2018-11-15   浏览量:19


译者按: 最全的JavaScript开发工具列表,总有一款适合你!

原文: THE ULTIMATE LIST OF JAVASCRIPT TOOLS

译者: Fundebug

为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。

简介

2017年1月,Stack Overflow年度开发者调研一共访问了64000个程序员,发现JavaScript已经连续5年成为最流行的编程语言。Javascript开发工具大全
这篇博客将介绍一些常用的JavaScript开发工具:

  • 构建&自动化
  • IDE&编辑器
  • 文档
  • 测试
  • 调试
  • 安全
  • 代码优化&分析
  • 包管理

构建 & 自动化

  • Webpack 对JavaScript应用依赖的所有??榻芯蔡治?,生成依赖图,然后将它们打包成数个静态文件。
  • Grunt 以将重复耗时的任务自动化。Grunt的生态系统非常大,有超过6010个插件。
  • Gulp 发布于Grunt之后,采用了完全不同的方式,使用JavaScript函数定义任务。它有超过2770个插件,并且提供了更好的控制。
  • Browserify 使得开发者可以在浏览器使用CommonJS???/strong>??⒄呦裨趎ode环境一样,通过require('modules')来组织??橹涞囊煤鸵览?,Browserify将这些依赖打包成浏览器可以直接引用的JS文件。
  • Brunch 非常简单,速度很快。Brunch的配置文件非常简单,入门文档非常详细。Brunch会自动生成Source Map,方便了开发者Debug。
  • Yeoman 可以用于任何编程语言(JavaScript, Python, C#, Java, etc.)。它是前端开发的脚手架,有6213个插件。

IDE & 编辑器

  • WebStorm 是一款强大的JavaScript IDE。它支持多种框架和CSS语言,包括前端,后端,移动端以及桌面应用。WebStorm可以无缝整合第三方工具,例如构建构建、语法检查构建linter等等。它提供了代码补全,实时错误监测,导航,内置控制台,各种插件等一系统功能。
  • Atom 是GitHub团队开发的??⒄呖梢院苋菀椎囟訟tom进行自定义。Atom自带了一个包管理工具,代码补全,文件系统浏览器,支持多个平台以及其他有用的功能。
  • Visual Studio Code 是微软开发的IDE,支持TypeScript。它提供了代码补全,语法高亮,支持Git命令等等。另外,它还有非常多的插件。
  • Brackets 是一个轻量级的开源编辑器。它专注于可视化工具,可以帮助开发者开发Web应用。Brackets支持实时预览以及行内编辑。

文档

  • Swagger 提供了一系列规则用于描述API。使用Swagger,可以创建清晰的文档,并且自动化API相关的操作(例如功能测试)。
  • JSDoc 可以根据javascript文件中注释信息,生成JavaScript应用程序或库、??榈腁PI文档。JSDoc可以用于管理大型项目。
  • jGrouseDoc 是一个开源工具,可根据JavaScript注释生成类似Jaavdoc 的源码文档。它不仅可以为变量和函数生成文档,还可以为??榈绕渌厣晌牡?。
  • YUIDoc 基于Nodejs,可以将文档中的注释生成API文档。它使用类似于Javadoc与Doxygen的语法,并且支持实时预览,支持各种语言,并且支持标记语言。
  • Docco 是免费的文档工具,由Literate CoffeeScript 编写。它将代码中的注释生成HTML文档。Docco并不限于JavaScript,同时支持Python, Ruby, Clojure等语言。

测试

  • Jasmine 是一个行为驱动开发(BDD)框架,用于测试JavaScript代码。它不依赖任何第三方???,也不需要DOM。它的语法非常简单易懂,使得编写测试变得很简单。另外,它也可以用于测试Node.js,Python以及Ruby。
  • Mocha 是一个功能测试框架,用于测试Node.js以及浏览器端JavaScript。作为开发者首选的测试框架,它可以自由的编写测试组,提供详细的测试报告,同时让异步测试非常简单。Mocha通常与断言库Chai 来验证测试结果。
  • PhantomJS 用于前端单元测试。由于PhantomJS是一个×××面的Webkit浏览器引擎,与直接使用浏览器测试相比,使用PhantomJS脚本可以运行得更快。它支持各种网页标准,例如JSON, Canvas, DOM操作, SVG以及CSS选择器。
  • Protractor 是一个端到端测试框架,用于测试Angular应用。它是基于WebDriverJS构建的,它可以通过浏览器事件或者原生事件,从而模拟真实用户,来测试应用。

调试

  • JavaScript Debugger 由Mozilla Developer Network (MDN)开发,可以独立用于调试Node.js代码,或者用于其他浏览器。Firefox提供了本地和远程调试功能,并且,Firefox安卓端也用于调试运行在安卓应用。
  • Chrome Dev Tools 提供了一系列工具,可以用于调试JavaScript代码,编辑CSS,以及测试应用性能。
  • ng-inspector 是Firefox,Chrome和Safari浏览器插件,可以帮助开发者开发、理解以及调试AngularJS应用。它提供了实时更新,DOM高亮等功能。
  • Augury 是一个Chrome插件,可以用于调试Angular 2应用。它让开发者可以直接查看应用结构,操作特征以及状态变化。

安全

  • Snyk 是一个付费服务,用于发现、修复和预防JavaScript,Node.js和Ruby应用的已知漏洞。Snyk拥有自己的漏洞库,以及NSPNIST NVD的漏洞数据。它允许开发者使用它们的补丁和更新来修复这些安全漏洞。
  • Node Security Project 提供了工具用于扫描依赖来监测漏洞。NSP使用自己的漏洞数据,以及来自NIST NVD的漏洞数据。NSP支持集成GitHub和CI软件,实时监测和报警,并且可以提供如何修复Node.js应用漏洞的建议。
  • RetireJS 是一个开源的依赖监测工具。它包含了多个组件,包括命令行工具,Grunt插件,Firefox和Chrome插件,Burp和OWASP ZAP插件。Retirejs从NIST NVD,漏洞追踪系统,博客和邮件列表等手机漏洞数据。
  • Gemnasium 是一个付费工具,不过有免费方案。它支持各种技术,比如Ruby, PHP, Bower, Python和npm。Gemnasium提供很多非常有用的特性,比如自动更新,实时报警以及Slack集成等。
  • OSSIndex 支持多个生态系统(Java, JavaScript和.NET/C#),以及多个平台,例如NuGet, npm, Bower, Chocolatey, Maven, Composer, Drupal和MSI。它从NVD以及其他来源收集漏洞数据。

代码优化 & 分析

  • JSLint 是一个Web服务,用于验证JavaScript的代码质量。当它诊断到一个问题时,它会返回问题的大致位置和出错信息。JSLint可以分析一些编码规范以及语法错误。
  • JSHint 可以发现JavaScript中的错误以及一些潜在的问题。JSHint是一个静态代码分析工具,旨在帮助开发者编写大型的程序。它可以诊断语法错误、隐形类型转换等问题,但是它并不能确定你的应用是否正确、性能是否足够好、以及是否会发生内存泄漏。 JSHint是JSLint的一个fork。
  • ESLint 是一个开源诊断工具,用于JSX和JavaScript应用。它可以帮助开发者发现可疑的或者不符合特定编程规范的代码。它帮助开发者在没有执行代码之前发现JS代码中问题,节省了不少时间。ESLint由Node.js编写,可以使用NPM安装。
  • Flow 是JavaScript代码静态类型检测器,由Facebook开发。Flow可以在编码时检查到类型错误并做出提示。

包管理

  • Bower 是一个用于管理前端依赖的包管理器,Twitter创建。它提供了大量可供使用的依赖包,帮助JavaScript开发者更方便地管理前端依赖的JS库。
  • NPMnode package manager的缩写,事实上NPM包可以用于前后端。它是JavaScript包管理系统,也是世界上最大的依赖库,有超过475,000个???。
  • Yarn 是Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。与NPM相比,它解决了安全、性能以及一致性问题。
  • Duo 吸取了Component, BrowserifyGo的经验,致力于简化大型Web应用的构建过程。

关于Fundebug

彩票开奖查询 www.kbyp.net Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java实时BUG监控。 自从2016年双十一正式上线,Fundebug累计处理了7亿+错误事件,得到了Google、360、金山软件、百姓网等众多知名用户的认可?;队夥咽杂?!

Javascript开发工具大全

版权声明

转载时请注明作者Fundebug以及本文地址:
https://blog.fundebug.com/2017/06/19/javascript-tool-list/

转载自://blog.51cto.com/13957060/2317520

招聘 不方便扫码就复制添加关注:程序员招聘谷,微信号:jobs1024



javascript常用时间函数集合
代码:/*@desc:时间日期函数集合@author[Lee]<[<[email protected]>]>*/functiondatetime(){/*@desc:内部方法,不足10补[email protected]传入数值@returnret转换后的数值*/this.parsetime=function(input){varretif(input>=0&&in
javascript删除数组/对象中的元素
一、数组:代码:/*@desc:删除数组中的元素@paramarr原数组@paramitem数组索引,只能是数字索引@paramlen要删除的长度@returnarr删除元素后的数组*/functionunset(arr,item,len=1){arr.splice(item,len)returnarr}测试:vararr=newArray(1,2,3,4)varret=unset(arr,1,2
javascript数组排序函数
代码:/*@desc:表格排序类@paramdata待排序数组*/functiontablesort(data){this.data=datathis.sortby=true/*@desc:主方法,排序@paramitem排序字段@returnret排序后的数据*/this.sort=function(item){if(this.sortby){varret=this.data.sort(func
javascript时间缀转时间字符串
代码:/*@desc:时间缀转时间字符串@paramtime时间缀,长度为[email protected]时间字符串格式为:2018-06-1022:00:00*/functiontimetostr(time){this.time=time/*@desc:内部方法,若数字小于10补[email protected]传入数值@returnret格式化后的数值*/this.parsetime=function(input){
javascript字符串与json互转
代码:/*@desc:字符串转json函数@author<lee>[<[email protected]>]@paramstr字符串@returnjsonjson对象*/functionstrtojson(str){vararr=str.split('&')varjson={}for(variinarr){vark=arr[i].split('=')[0]varv=ar
JavaScript file上传类型
不同文件类型的配置(accept)
JavaScript实现一个带AI的井字棋游戏源码
这篇文章主要介绍了基于JavaScript实现一个带AI的井字棋游戏源码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
JavaScript常用截取字符串的三种方式用法区别实例解析
本文给大家分享JavaScript常用截取字符串的三种方式及每种用法的区别解析,感兴趣的朋友跟随脚本之家小编一起看看吧
使用webpack搭建react开发环境的方法
本篇文章主要介绍了使用webpack搭建react开发环境的方法,在这篇文章中我们开始利用我们之前所学搭建一个简易的React开发环境,用以巩固我们之前学习的Webpack知识。一起跟随小编过来看看吧
详解JavaScript中的数组合并方法和对象合并方法
这篇文章主要介绍了JavaScript中的数组合并方法和对象合并方法,通过代码的形式给大家介绍的非常详细,需要的朋友可以参考下