辅助开发

sublime text 3 + jshint检查代码

2018-05-24  本文已影响327人  刘小苏苏

很多时候代码不用gulp搭建环境,这个时候如果想要检查代码,就需要再编辑器里面添加检测了。而且在编辑器里面检测就不需要每个项目都去安装了。

安装sublimelinter

sublime Text安装sublimelinter跟sublimelinter-jshint插件。具体步骤

  1. ctrl + shif + p 或者选择菜单栏的 Preferences=> package control 打开插件面板
  2. 搜索 install package 安装插件
  3. 搜索 sublimelinter 插件安装
    查看安装列表
  4. ctrl + shif + p 或者选择菜单栏的 Preferences=> package control 打开插件面板
  5. 搜索 list package 列出已安装插件

安装sublimelinter-jshint

与以上步骤相同

我之前安装的汉化版发现package control的时候提示There are no packages available for installation 然后我卸载之后去官网下载一个安装么就好了

安装jshint

因为sublimelinter-jshint实际是调用nodejs的jshint的接口检查代码的,所以需要安装jshint

npm i jshint -g

然后重启sublime text可以看到会有错误提示


image.png

黄色是警告,红色是错误
鼠标放到错误位置,会有错误提示


image.png

自定义jshint配置

可以根据需要进行自定义的配置
preferences => package Setting => sublimeLinter => setting 会打开两个页面,左边的是默认的不可修改,右边是用户自定义的可修改;如下图

image.png
设置user setting代码
// SublimeLinter Settings - User
{
    "linters": {
        "jshint": {
            "@disable": true,
            "args": [
                "--config",
                "D:\\Program Files\\Sublime Text 3\\.jshintrc" // 这个是配置的.jshintrc文件
            ],
            "excludes": []
        }
    },
    "lint_mode": "save only"  // lint_mode设为save only只有在保存的时候才检查代码错误
}

注意:sublimelinter是按照文件类型检测的,jshint只能检测.js文件,就是说内嵌在html里面的js将不会被检测到

上一篇下一篇

猜你喜欢

热点阅读