`
打了个D
  • 浏览: 74262 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

JSLint简介与插件安装

 
阅读更多

JSLint简介

  JavaScript 作为一门语法灵活多变且对格式要求相对松散的语言,代码格式的混乱和某些语言特性的不正确使用,往往使得最终交付的产品中包含许多因编码风格约定造成的未预见的行为或错误,这种习惯性的问题如果不及时指出并修改,往往会在项目的迭代过程中不断的重现,严重影响 Web 产品的稳定性与安全性。

  JSLint 正是 Douglas Crockford 为解决此类问题创建的工具,JSLint 除了能指出这些不合理的约定,还能标出结构方面的问题。虽然 JSLint 不能保证代码逻辑一定正确,但却有助于发现错误并教会开发人员一些好的编码实践。值得一提的是 JSLint 工具本身也是一段 JavaScript 代码,它是检验 JavaScript 代码质量的 JavaScript 脚本。

  JSLint 对 JavaScript 脚本的质量检测主要包括以下几个方面:

  • 检测语法错误:例如大括号“{}”的配对错误。
  • 变量定义规范:例如未定义变量的检测。
  • 代码格式规范:例如句末分号的缺失。
  • 蹩脚语言特性的使用检测:如 eval 和 with 的使用限制。

  目前,与 JSLint 功能类似的 JavaScript 代码检测工具有很多,包括:YUI Test、Firebug、MS Script Debugger 、CompanionJS 等等,它们中大多数都是以浏览器插件的形式存在于客户端浏览器进行 JavaScript 运行时的检测和调试,JSLint 与这些工具的重要区别在于其更加注重静态代码格式的检测,而这也正是当前火热的敏捷开发中持续构建所需要和提倡的。

Eclipse安装JSLint插件的几种方法

 

  

  方法一:

Step One: Open Eclipse up on your machine and
go to ‘Help’ -> ‘Install New Software’

Step Two: Click ‘add’ and to stuff the
location
with the following
link:

 

https://svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/tags/jslint4java1/download
then click ‘ok’.

Step Three: Selecting ‘Javascript Development
Tools’ and ‘jslint4java’ and click next.

 

  方法二:

Step One: Download jslint4java

Step Two: Put jslint4java.jar somewhere

Step Three: Add an external tool configuration
in Eclipse:

Location: /usr/bin/java(or your path to
javaw.exe)

Arguments: -jar E:/java_tools/jsLint4/jslint4java-2.0.3/jslint4java-2.0.3.jar ${resource_loc} --debug --warnings

 http://code.google.com/p/jslint4java/ jslint4java.jar and source

 Usage: jslint4java [options] file.js ...
  Options:
        --anon
       If the space may be omitted in anonymous function declarations
        --bitwise
       If bitwise operators should be allowed
        --browser
       If the standard browser globals should be predefined
        --continue
       If the continuation statement should be tolerated
        --css
       If css workarounds should be tolerated
        --debug
       If debugger statements should be allowed
        --devel
       If logging should be allowed (console, alert, etc.)
        --encoding
       Specify the input encoding
        --eqeq
       If == should be allowed
        --es5
       If es5 syntax should be allowed
        --evil
       If eval should be allowed
        --forin
       If for in statements need not filter
        --fragment
       If html fragments should be allowed
        --help
       Display usage information
       Default: false
        --indent
       The indentation factor
        --jslint
       Specify an alternative version of jslint.js
        --maxerr
       The maximum number of errors to allow
        --maxlen
       The maximum length of a source line
        --newcap
       If constructor names capitalization is ignored
        --node
       If node.js globals should be predefined
        --nomen
       If names may have dangling _
        --on
       If html event handlers should be allowed
        --passfail
       If the scan should stop on first error
        --plusplus
       If increment/decrement should be allowed
        --predef
       The names of predefined global variables
        --properties
       If all property names must be declared with /*properties*/
        --regexp
       If the . should be allowed in regexp literals
        --report
       Display report in different formats: plain, xml, junit, checkstyle and
       report
        --rhino
       If the rhino environment globals should be predefined
        --sloppy
       If the 'use strict'; pragma is optional
        --stupid
       If really stupid practices are tolerated
        --sub
       If all forms of subscript notation are tolerated
        --timeout
       Maximum number of seconds JSLint can run for
       Default: 0
        --todo
       If todo comments are tolerated
        --undef
       If variables can be declared out of order
        --unparam
       If unused parameters should be tolerated
        --vars
       If multiple var statements per function should be allowed
        --version
       Show the version of JSLint in use.
       Default: false
        --warnings
       Enable additional warnings (jslint4java)
        --white
       If sloppy whitespace is tolerated
        --windows
       If ms windows-specific globals should be predefined

using jslint version 2012-12-04

 

  方法三:

1. Help -> Install new software

2. Click the 'Add' button

Name : Rockstar Apps (or whatever you want)

Location : http://update.rockstarapps.com/site.xml

3. expend the selection and check Rockstar
JsLint

4. Click 'Next'...again

5. Accept and install

(you'll have to hit okay when it prompts you
about installing unsigned content).

6. Restart
Eclipse...

 

资料参考

  1、http://www.ibm.com/developerworks/cn/web/1105_linlin_jslint/

  2、http://stackoverflow.com/questions/2741058/jslint-eclipse-plugin

  3、http://www.andyjamesdavies.com/javascript/installing-jslint-on-eclipse-ide

分享到:
评论

相关推荐

    eclipse 添加 JSLint 插件

    步骤2:在Eclipse Marketplace中搜索并安装JSLint插件 1. 通过“帮助”(Help)菜单,选择“Eclipse Marketplace”。 2. 在搜索框中输入“jslint”,然后点击“搜索”(Search)。 3. 会列出多个与JSLint相关的插件,...

    sublime安装JSLint

    在Sublime Text中安装JSLint插件,可以提升编码时的体验,即时反馈代码问题,提高代码质量。 安装JSLint插件的过程分为以下几个步骤: 1. **安装Package Control**: 如果尚未安装Package Control,首先需要前往...

    EditPlus的JSLint插件(检验Javascript编写规范)

    **EditPlus的JSLint插件与JavaScript编程规范** 在编程世界中,代码规范和一致性至关重要,它们可以提高代码质量,提升团队合作效率,并降低维护成本。JavaScript作为一门广泛使用的脚本语言,也不例外。JSLint是一...

    JSLint Plugin for Notepad++

    **JSLint 插件与 Notepad++ 的整合** JSLint 是一款由JavaScript之父道格拉斯·克罗克福德(Douglas Crockford)开发的代码质量工具,它主要用于检查JavaScript代码中的语法错误,并提供编程风格和最佳实践的建议。...

    jslint的javascript语法检测

    ### JSLint简介 `jslint`是由Douglas Crockford创建的一个开源项目,它是一款静态代码分析工具,旨在提升JavaScript代码的质量和可维护性。`jslint`通过对代码进行逐行分析,检查是否符合预设的一系列编码规范和最佳...

    jsLint.vs VisualStudio js插件

    此资源专门为中文VS2008、VS2005进行编译的,只需将该文件解压到"我的文档\Visual Studio 2008\"文件夹下,启动...通过编译JsLint源文件,使得插件可以很好的运行在中文Vs2008下。具体编译过程,在资源的压缩文件当中。

    jslint.js for vs2008 pharaoh发自博客园

    jslint.js for vs2008 pharaoh发自博客园 支持utf-8 用于vs2008外部工具 vs下配置参数:$(ItemPath) //Nologo "$(ItemPath)" /ue 可以检查html和aspx页面和js文件中javascript的语法错误。用于visual studio ...

    使用JSLint完成JavaScript语法检查

    2. **集成开发环境(IDE)插件**:许多流行的IDE如Visual Studio Code、WebStorm等都提供了JSLint插件,可以实现实时语法检查。 3. **构建工具集成**:如果项目使用Gulp、Grunt或Webpack等构建工具,可以通过相应的...

    SublimeLinter-jslint:SublimeLinter 3 JavaScript插件,使用JSLint(通过https

    棉绒安装使用此插件之前,必须确保在系统上安装了jslint 。 要安装jslint ,请执行以下操作: 安装 (在Linux上安装 )。 通过在终端中键入以下命令来安装jslint npm软件包: npm install -g jslint您还可以指定要...

    vs2010实用插件

    5. **安装与管理插件**: 安装VS2010插件通常有两种方式:通过Visual Studio的扩展管理器(Extensions and Updates)或者直接下载插件的.vsix文件双击安装。开发者应确保插件来源可靠,避免引入潜在的安全风险。 6...

    Notepad++插件JsMinNpp.dll(64位版)

    在安装此插件时,用户需要确保他们的Notepad++也是64位版本的,否则插件可能无法正常工作。安装过程相对简单,只需要将下载的JSMinNPP.dll文件复制到Notepad++安装目录下的"plugins"子目录中。完成这一步后,重启...

    Sublime-JSLint:Sublime Text 2和3的JSLint

    如果没有安装插件 按Ctrl + Shift + P调出“命令面板”(或使用“工具”>“命令面板”菜单) 选择程序包控制:安装程序包 键入“ JSLint”以查找Sublime Text 2的JSLint(带有节点) 选择“用于Sublime Text 2的...

    jquery 插件开发 pdf

    - 使用`data()`方法,可以将数据与元素关联,以保存插件的状态信息。 5. **DOM操作** - jQuery提供了丰富的API进行DOM操作,如`append()`, `prepend()`, `html()`, `attr()`, `addClass()`, 等等,这些在插件开发...

    sublime-jslint:JSLint 支持 Sublime Text 2

    这个项目是一个插件,用于为 Sublime Text 2 添加 JSLint 支持。 特征 JSLint:运行 JSLint (Ctrl+J),或在保存时运行 JSLint JSLint:显示 JSLint 结果 通过在结果视图中单击突出显示错误行 跨平台:支持 Windows...

    Python-Semi的SublimeText3插件

    3. **智能识别**:Semi插件能够识别并遵循常见的JavaScript编码风格,比如ASII、JSLint、JSHint或Airbnb等。 4. **可配置规则**:用户可以根据个人喜好或团队规范自定义分号插入规则,以满足不同场景的需求。 5. *...

    vs2010常用js插件

    在VS2010中,为了提高JavaScript开发效率和代码质量,有一些常用的JavaScript插件,如“JScriptEditorExtensions”、“JSLint.VS2010”和“JsParser.js”。 首先,让我们来了解一下“JScriptEditorExtensions”。这...

    JSLint_3:带有 CodeMirror 编辑器的 douglascrockfordJSLint 的 Mod。 感谢 douglascrockford 提供出色的 lint 工具和 UI

    4. 阅读文档,解释如何安装、配置和使用 JSLint_3。 综上所述,JSLint_3 结合了 Douglas Crockford 的 JSLint 功能和 CodeMirror 编辑器,提供了一个交互式的 JavaScript 代码质量检查平台,旨在帮助开发者编写更高...

    sublime常见插件安装包

    1. **Package Control**:这是Sublime Text的必备插件,用于管理和安装其他插件。通过Package Control,用户可以方便地搜索、安装和更新插件,极大地简化了插件管理流程。 2. **GitGutter**:该插件会在行号旁边...

    使用JSLint提高JS代码质量方法分享

    这也是JSLint和其他一些JavaScript代码检测工具不同的地方,比如YUITest、Firebug等,这些工具大多作为浏览器插件存在,它们关注的是运行时的检测和调试。 JSLint的基本原理是基于用户设定的规则集进行代码扫描。...

    SublimeText2-文本编辑器-Ubuntu-插件大全

    - **其它**: `Compass`简化CSS预处理器,`WordPress`支持WordPress开发,`JS/JQuery`插件如`JS Format`格式化JavaScript,`jQuery Package`引入jQuery库,`JSLint`进行代码质量检查,`JsMinifier`和`yui compressor`...

Global site tag (gtag.js) - Google Analytics