javascript代码校验工具eslint Sublime Text3安装使用教程

overme6个月前 (10-17)网页设计272
1、前提要求
需要事先有 Sublime Text 3 并可以通过 Package Control 安装插件,下载地址

需要事先安装 node.js 软件,点击下载

2、安装 eslint 相关插件
在 Sublime Text 3  中安装下方插件

SublimeLinter
SublimeLinter-contrib-eslint_d
SublimeLinter-eslint

3、安装 eslint 相关依赖包

打开“命令提示符”,在命令行中安装下方依赖包

npm install -g eslint
npm install -g eslint_d

4、配置 eslint 相关设定

在 Preferences -> Package Settings -> SublimeLinter -> Settings 中修改如下示例

// SublimeLinter Settings – User
{
    “debug”: true,
    “delay”: 0.25,
    // “gutter_theme”: “Packages/SublimeLinter/gutter-themes/Default/Default.gutter-theme”,
    “lint_mode”: “background”,
    “linters”:
    {
        “stylelint”:
        {
            “args”: [
                “–config”,
                “C:\\Users\\【当前用户名称】\\.stylelintrc.json”
            ],
        },
        “htmlhint”:
        {
            “args”: [
                “–config”,
                “C:\\Users\\【当前用户名称】\\.htmlhintrc”
            ],
            “excludes”: [“*.php”]
        },
        “eslint”:
        {
            // “disable”: false,
            “args”: [
                “–config”,
                “C:\\Users\\【当前用户名称】\\.eslintrc.js”
            ],
            “globals”:{},
            “excludes”: []
        }
    },
    “no_column_highlights_line”: false,
    “paths”:
    {
        “linux”: [],
        “osx”: [],
        “windows”: [
            “C:\\Users\\【当前用户名称】\\AppData\\Roaming\\npm\\eslint.cmd”
        ]
    },
    “show_marks_in_minimap”: true,
}

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。