Skip to main content

sv check

sv check 可以在您的项目中找出错误和警告,例如:

  • 未使用的 CSS
  • 可访问性提示
  • JavaScript/TypeScript 编译器错误

需要 Node 16 或更高版本。

安装

您需要在项目中安装 svelte-check 包:

npm i -D svelte-check

使用

npx sv check

选项

--workspace <path>

工作空间路径。除 node_modules 和那些在 --ignore 中列出的目录外,所有子目录都会被检查。

--output <format>

如何显示错误和警告。参见机器可读输出

  • human
  • human-verbose
  • machine
  • machine-verbose

--watch

保持进程运行并监视更改。

--preserveWatchOutput

在监视模式下防止屏幕被清除。

--tsconfig <path>

传递一个 tsconfigjsconfig 文件的路径。该路径可以相对于工作空间路径或绝对路径。这意味着只有配置文件中 files / include/exclude 模式匹配的文件会被诊断。这也意味着 TypeScript 和 JavaScript 文件的错误会被报告。如果未提供,将从项目目录向上查找下一个 jsconfig/tsconfig.json 文件。

--no-tsconfig

如果您只想检查当前目录及其子目录中的 Svelte 文件,并忽略任何 .js / .ts 文件(它们将不会被类型检查),请使用此选项。

--ignore <paths>

要忽略的文件/文件夹,相对于工作空间根目录。路径应该用逗号分隔并加引号。例如:

npx sv check --ignore "dist,build"

仅在与 --no-tsconfig 一起使用时有效。当与 --tsconfig 一起使用时,这只会影响被监视的文件,而不会影响被诊断的文件,后者由 tsconfig.json 决定。

--fail-on-warnings

如果提供,警告将导致 sv check 以错误代码退出。

--compiler-warnings <warnings>

一个带引号的、逗号分隔的 code:behaviour 对列表,其中 code编译器警告代码behaviour 可以是 ignoreerror

npx sv check --compiler-warnings "css_unused_selector:ignore,a11y_missing_attribute:error"

--diagnostic-sources <sources>

一个用引号括起来的、以逗号分隔的来源列表,这些来源将对你的代码运行诊断。默认情况下,所有来源都处于活动状态:

  • js(包括 TypeScript)
  • svelte
  • css

例如:

npx sv check --diagnostic-sources "js,svelte"

--threshold <level>

过滤诊断信息:

  • warning(默认)— 显示错误和警告
  • error — 只显示错误

故障排除

查看 language-tools 文档以获取更多关于预处理器设置和其他故障排除的信息。

机器可读输出

--output 设置为 machinemachine-verbose 将以更易于机器读取的方式格式化输出,例如在 CI pipelines 中、代码质量检查等。

每行对应一个新记录。每行由多个列组成,列之间用单个空格字符分隔。每行的第一列包含一个以毫秒为单位的时间戳,可用于监控目的。第二列给出了”行类型”,根据行类型的不同,后续列的数量和类型可能会有所不同。

第一行类型为 START,包含工作空间文件夹(用引号括起)。示例:

1590680325583 START "/home/user/language-tools/packages/language-server/test/plugins/typescript/testfiles"

随后可能有任意数量的 ERRORWARNING 记录。它们的结构相同,取决于输出参数。

如果参数是 machine,它将告诉我们文件名、起始行和列号,以及错误消息。文件名是相对于工作空间目录的。文件名和消息都用引号括起来。示例:

1590680326283 ERROR "codeactions.svelte" 1:16 "Cannot find module 'blubb' or its corresponding type declarations."
1590680326778 WARNING "imported-file.svelte" 0:37 "Component has unused export property 'prop'. If it is for external reference only, please consider using `export const prop`"

如果参数是 machine-verbose,它将告诉我们文件名、起始行和列号、结束行和列号、错误消息、诊断代码、代码的人类友好描述以及诊断的人类友好来源(例如 svelte/typescript)。文件名相对于工作空间目录。每个诊断表示为一个 ndjson 行,前缀为日志的时间戳。示例:

1590680326283 {"type":"ERROR","fn":"codeaction.svelte","start":{"line":1,"character":16},"end":{"line":1,"character":23},"message":"Cannot find module 'blubb' or its corresponding type declarations.","code":2307,"source":"js"}
1590680326778 {"type":"WARNING","filename":"imported-file.svelte","start":{"line":0,"character":37},"end":{"line":0,"character":51},"message":"Component has unused export property 'prop'. If it is for external reference only, please consider using `export
const prop`","code":"unused-export-let","source":"svelte"}

输出以一个 COMPLETED 消息结束,该消息总结了检查期间遇到的文件总数、错误和警告的总数。示例:

1590680326807 COMPLETED 20 FILES 21 ERRORS 1 WARNINGS 3 FILES_WITH_PROBLEMS

如果应用程序发生运行时错误,这个错误将显示为一条 FAILURE 记录。示例:

1590680328921 FAILURE "Connection closed"

致谢

  • Vue 的 VTIsvelte-check 奠定了基础

FAQ

为什么没有选项只检查特定文件(例如只检查暂存的文件)?

svelte-check 需要”查看”整个项目才能进行有效的检查。假设您重命名了一个组件属性但没有更新使用该属性的所有地方 — 所有使用该属性的地方现在都会出错,但如果只检查更改的文件,你就会遗漏这些错误。

在 GitHub 编辑此页面

上一页 下一页