ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

ESLint-Formatter

TheSavior 所有

Sublime Text 3插件,用于自动格式化代码(基于Eslint配置文件)

详细说明

  • 2.4.3
  • github.​com
  • github.​com
  • 2年前
  • 1小时前
  • 8年前

安装次数

  • 总计 49K
  • Win 18K
  • Mac 23K
  • Linux 9K
8月6日 8月5日 8月4日 8月3日 8月2日 8月1日 7月31日 7月30日 7月29日 7月28日 7月27日 7月26日 7月25日 7月24日 7月23日 7月22日 7月21日 7月20日 7月19日 7月18日 7月17日 7月16日 7月15日 7月14日 7月13日 7月12日 7月11日 7月10日 7月9日 7月8日 7月7日 7月6日 7月5日 7月4日 7月3日 7月2日 7月1日 6月30日 6月29日 6月28日 6月27日 6月26日 6月25日 6月24日 6月23日 6月22日
Windows 1 2 0 0 0 2 0 2 0 0 0 2 3 2 3 0 0 3 2 3 2 0 3 0 0 0 2 0 3 2 0 1 2 3 0 0 1 1 0 1 0 1 1 0 1 3
Mac 2 1 0 0 1 1 0 2 2 0 0 0 3 3 7 1 0 1 2 2 0 3 5 3 1 2 3 0 2 2 0 0 0 1 0 1 1 1 1 0 1 2 0 0 0 0
Linux 1 1 0 0 0 0 1 1 0 0 0 0 0 0 2 0 1 0 0 0 2 2 0 1 0 0 0 0 1 1 0 0 1 0 0 0 0 1 0 0 0 0 0 2 0 2

说明文件

源代码
raw.​githubusercontent.​com

ESLint-Formatter for Sublime Text 3

Sublime Text 3插件,可根据您已有的 ESLint 配置文件自动格式化您的 JavaScript 代码。

此插件仅格式化代码,不执行代码检查。要启用代码检查,请与 SublimeLinter-eslint 插件联合使用。

安装

代码检查安装

此 Sublime Text 插件依赖于已知版本的 ESLint 3 或更高版本。要安装 eslint,请遵循入门指南:https://eslint.org.cn/docs/user-guide/getting-started

插件安装

请使用 Package Control 来安装代码检查插件。这将确保插件在可用新版本时得到更新。如果您想从源代码安装以便修改源代码,那么您可能已经知道了该如何操作,所以我们不会在这里讲解。

要使用 Package Control 安装,请执行以下步骤:

  1. 在 Sublime Text 中,打开 命令面板 并输入 install。在您应该看到的命令中,应该有 Package Control: Install Package。如果该命令未高亮显示,请使用键盘或鼠标选择它。Package Control 将暂停几秒钟来检索可用插件列表。

  2. 当插件列表出现时,输入 eslint format。在条目中,您应该看到 ESLint-Formatter。如果该条目未高亮显示,请使用键盘或鼠标选择它。

命令

命令面板

  • ESLintFormatter: 格式化此文件

快捷键

  • Linux/Windows: [Ctrl + Shift + H]
  • Mac: [Cmd + Shift + H]

行为

格式化会应用于文件的最后保存状态,而不是当前缓冲区。如果未使用 format_on_save: true 选项,您必须先保存文件,然后运行命令。

设置

默认情况下,ESLintFormatter 将提供以下设置

错误:不支持语言“jsonc”
{
  // The Nodejs installation path
  // If these are false, we'll invoke the eslint binary directly.
  "node_path": {
    "windows": "node.exe",
    "linux": "/usr/bin/nodejs",
    "osx": "/usr/local/bin/node"
  },

  // The location to search for a locally installed eslint package.
  // These are all relative paths to a project's directory.
  // If this is not found or are false, it will try to fallback to a global package
  // (see 'eslint_path' below)
  "local_eslint_path": {
    "windows": "node_modules/eslint/bin/eslint.js",
    "linux": "node_modules/.bin/eslint",
    "osx": "node_modules/.bin/eslint"
  },

  // The location of the globally installed eslint package to use as a fallback
  "eslint_path": {
    "windows": "%APPDATA%/npm/node_modules/eslint/bin/eslint",
    "linux": "/usr/bin/eslint",
    "osx": "/usr/local/bin/eslint"
  },

  // Specify this path to an eslint config file to override the default behavior.
  // Passed to eslint as --config. Read more here:
  // https://eslint.org.cn/docs/user-guide/command-line-interface#c---config
  // If an absolute path is provided, it will use as is.
  // Else, it will look for the file in the root of the project directory.
  // Failing either, it will skip the config file
  "config_path": "",

  // Specify the name of a config file, which determines the root of your
  // project. This is a pattern such as ".eslintrc.json" or "package.json"
  // and will be searched for upwards, to determine the working directory
  // for linting. This is different to config_path and is only used for
  // resolving the working directory.
  "config_file": "",

  // Pass additional arguments to eslint.
  //
  // Each command should be a string where it supports the following replacements:
  //   $project_path - The path to the projects root folder
  //
  // Example:
  //   ["--parser-options={\"tsconfigRootDir\": \"$project_path\"}"]
  "extra_args": [],

  // Automatically format when a file is saved.
  "format_on_save": false,

  // Use --fix-to-stdout, --stdin, and --stdin-filename to update the file if using eslint_d.
  // See https://github.com/mantoni/eslint_d.js#automatic-fixing
  "fix_to_stdout": false,

  // Only attempt to format files with whitelisted extensions on save.
  // Leave empty to disable the check
  "format_on_save_extensions": [
    "js",
    "jsx",
    "es",
    "es6",
    "babel"
  ]
}
  • 修改首选项 -> 插件设置 -> ESLint-Formatter -> 设置 - 用户文件中的任何设置。

项目特定设置覆盖

要覆盖特定项目的全局插件配置,请在.sublime-project文件中添加一个具有ESLint-Formatter键的设置对象。此文件可通过项目 -> 编辑项目访问。

例如

{
  "folders": [
    {
      "path": "."
    }
  ],
  "settings": {
    "ESLint-Formatter": {
      "format_on_save": true
    }
  }
}

性能

如果您遇到性能问题,查看eslint_d可能值得。您可以修改设置以指向eslint_d二进制文件而不是eslint

例如

{
  "local_eslint_path": {
    "osx": "node_modules/.bin/eslint_d"
  }
}

贡献

如果您发现任何错误,请随时在此处报告

也鼓励提交拉取请求。