在EditPlus中配置JSHint插件,助你提高JS代码质量

article/2025/10/19 5:30:22

用了很长一段时间的JSLint来做js质量验证工具,但是总有些感觉不爽的地方,JSLint对代码的要求有些不尽合理,所以有了JSHint的诞生,JSHint也是从JSLint分叉(fork)出来的,但是更加人性化了,使用过后,觉得比JSLint要爽多了。

fork了一个名为wsh-jslint-runner的项目,并进行了一些改进,配置在EditPlus里使用,相当方便。

下面是运行效果截图:(双击提示信息行,光标会跳到对应的源代码处。)

Screen Shot

在EditPlus中配置JSHint插件的步骤:

  • 在EditPlus安装目录中创建一个子目录 JSHint 
  • 下载JSHint插件,并解压到刚才新建的目录中。(下载地址: cuixiping / JSHint-in-Editplus )
  • 从EditPlus菜单依次点击工具 > 配置用户工具 > 添加工具 > 程序(Tools > Configure User Tools > Add Tool > Program),并按照下面的步骤填写相关选项:
  • 菜单文字: JSHint
  • 命令: cscript.exe
  • 参数: jshint.wsf $(FilePath) //Nologo
  • 初始目录: $(AppDir)\JsHint\
  • 动作: 捕获输出
  • 输出模板:
    • 正则表达式: ^line ([0-9]+) column ([0-9]+):.*$
    • 文件名: None
    • 行: 正则表达式1
    • 列: 正则表达式2
  • 保存: 无
  • 点“确定”

这样就配置好了,步骤看起来有点繁琐,所以我做了个截图在文字结尾(我的是英文版EditPlus)。

在打开的js文件的标签页,从工具菜单点击JSHint,就可以看到结果了。

JSHint提供了比JSLint更多的配置选项,要了解所有选项的详细说明,可以看这里:JSHint 选项文档

我提供的下载中,包含了一个配置文件options.js 你可以根据自己的需要增减选项。

另外,jshint.js可能随时会有更新的版本,可以直接下载最新版的jshint.js覆盖到插件目录中。在写作本文时,我提供的下载地址中所引用的已是最新版的jshint.js。

另外,推荐将此工具配置到显示在EditPlus标准工具栏上面,这样每次点一下这个图标就好了,比点菜单快捷。

本文所述JSHint插件及源码在github.com可下载:cuixiping / JSHint-in-Editplus 

Screen Shot



http://chatgpt.dhexx.cn/article/3yBZyAX7.shtml

相关文章

使用 JSHint 减少 JavaScript 错误

JSHint 是一个开源工具,用于分析和验证JavaScript代码是否符合您的编码规则。这个强大的工具可以帮助发现您代码中错误和问题T,它强制你的团队保持一定的编码惯例和风格,使得代码可靠和更容易阅读. 在这篇文章中,我将向您展示如何安装、配置和…

js...

事件类型 “” “这里面写的是 js代码” 事件类型 就是html标签 的 事件属性 属性值就是 js代码,里面可以写js代码,可以调用函数,可以写js代码 函数也是对象,在JS里,万物皆对象 对象分为2大类,Object 和 …

Jslint、Jshint代码检查工具

Jslint、Jshint代码检查工具 JSLint是一个JavaScript验证工具,JSLint定义了一组编码约定。宗旨:能做并不意味着应该做。JSLint会对它认为有风险的编码实践加标志,另外还会指出哪些是明显的错误,促使养成好的JavaScript编码习惯。 …

jshint相关的配置

jshint相关的配置SublimeText插件推荐:JS错误检查工具 - JSHint与JSHint Gutter NOV 28TH, 2014 9:46 AM 引言 我喜欢使用SublimeText(以下将简称为Sublime)来写JavaScript,但有时候代码量一多,难免会犯些小错误&am…

使用 CommonJS 标准的导出语句时报错 JSHint: ‘module‘ is not defined.(W117)

强迫症看下面这跟红线不舒服: 飘红原因是 JavaScript linting 工具 JSHint 无法识别语法 module.exports(Node.js 特有)。 要解决此错误,则需要配置 JSHint 以识别 Node.js 环境。 可以通过在文件顶部添加注释来完成此操作&…

CSS-IN-JS

集成css代码在js中 一、为什么会有 CSS-IN-JS CSS-IN-JS 是 WEB 项⽬中将 CSS 代码捆绑在 JavaScript 代码中的解决⽅案.这种⽅案旨在解决 CSS 的局限性, 例如缺乏动态功能, 作⽤域和可移植性. 二、CSS-IN-JS 介绍 1、CSS-IN-JS ⽅案的优点: 让 CSS 代码拥有独…

vscode配置JSHint提示工具

vscode配置JSHint提示工具 本文介绍vscode配置JSHint提示工具,规范JavaScript的编码。 首先“Ctrl + P”输入“ext install jshint”,或者选择侧边栏“扩展”直接搜索“jshint”; 然后,下载jshint,如图: 安装第一个jshint,因为我已经安装了所以没有绿色“安装”按钮,…

JSHint介绍

为什么80%的码农都做不了架构师?>>> JSHint跟JSLint非常像,都是Javascript代码验证工具,这种工具可以检查你的代码并提供相关的代码改进意见。 对于你的代码,你可以选择多种方式来进行检验: 第一种方法&…

C++之ofstream::flush与ofstream::close

一.缓冲区知识 1.什么是缓冲区 缓冲区又称为缓存,它是内存空间的一部分。也就是说,在内存空间中预留了一定的存储空间,这些存储空间用来缓冲输入或输出的数据,这部分预留的空间就叫做缓冲区。 缓冲区根据其对应的是输入设备还是输…

超详细ofstream和ifstream详细用法

ofstream和ifstream详细用法 ofstream是从内存到硬盘,ifstream是从硬盘到内存,其实所谓的流缓冲就是内存空间(文章最末尾附上了MSDN中关于这两个函数的解释); 在C++中,有一个stream这个类,所有的I/O都以这个“流”类为基础的,包括我们要认识的文件I/O,stream这个类有两…

ifstream和ofstream的理解

ifstream和ofstream的理解 开发工具与关键技术:Visual Studio、C 作者:张国军 撰写时间:2019年06月04日各种计算机应用系统通常把一些相关信息组织起来保存在外存储器中,称为文件,并用一个名字(称为文件名…

【Stream】

1、stream不存储数据,而是按照特定的规则对数据进行计算,一般会输出结果; 2、stream不会改变数据源,通常情况下会产生一个新的集合; 3、stream具有延迟执行特性,只有调用终端操作时,中间操作才会…

(转载)C++ ofstream和ifstream详细用法

原文出自【比特网】,转载请保留原文链接:http://soft.chinabyte.com/database/460/11433960.sh [导读] ofstream是从内存到硬盘,ifstream是从硬盘到内存,其实所谓的流缓冲就是内存空间 在C中,有一个stream这个类&…

Stream流:

创建stream流: //单列集合 集合.stream//数组 stream.of(数组)//双列集合 map.entrySet().stream(); stream流的调试: 常用API: - map:相当于对数据进行一个操作,可以自定义返回值等 stream.map() - distinct:可以去除流中的相同元素&…

c++输出文件流ofstream用法详解

目录 一. 输入流 ofstream 用法 Public member functions (1-6) 1, (constructor) 2, ofstream::open 3, ofstream::is_open 4, ofstream::close 5, ofstream::rdbuf 6,ofstream::operator Public member …

C++文件和流

C文件和流 到目前为止,我们已经使用了 iostream 标准库,它提供了 cin 和 cout 方法分别用于从标准输入读取流和向标准输出写入流。 本教程介绍如何从文件读取流和向文件写入流。这就需要用到 C 中另一个标准库 fstream,它定义了三个新的数据…

什么是https

HTTPS(全称:Hypertext Transfer Protocol over Secure Socket Layer),是以安全为目标的HTTP通道,简单讲是HTTP的安全版。即HTTP下加入SSL层,HTTPS的安全基础是SSL,因此加密的详细内容请看SSL。 …

http和https有什么区别 端口号多少

HTTP和HTTPS的基本概念 HTTP:超文本传输协议,是在互联网上应用最广泛的一种网络协议。是一个客户端和服务端请求和应答的标准(TCP),用于从WWW(超文本)服务器传输超文本到本地浏览器的传输协议。…

https 请求的端口是443 注意

注意: 这里录制https的请求 端口号一定是443 才可以抓取到!!!!!! (进坑多次) 转载于:https://www.cnblogs.com/kaibindirver/p/9223595.html

IP地址,开放端口,http与https的区别

文章目录 一、IP地址的概述二、IP地址分类1、**共有地址**2、 **私有地址** 三、IPV4和V6四、子网掩码、网关、DNS1、 子网掩码2、网关3、DNS服务器 五、获取目标IP地址的方法1、 通过ping命令:2、 通过NSLOOKUP命令:1.使用资源监视器查看:2.…