vue3前端青铜到黄金王者 #15 vue-cli-service lint使用【补充】-CSDN博客

本文链接：https://blog.csdn.net/qq_28008615/article/details/120889911

本文介绍了Vue CLI中的`vue-cli-service lint`命令，该命令用于进行代码检查，确保团队代码风格统一，并可在持续集成流程中使用。通过`yarn lint`快速检查代码，如果没有错误，会显示No lint errors found!。`vue-cli-service`是一个用于构建和提供服务的工具，而`lint`选项则帮助开发者发现和修复代码问题。默认情况下，lint会检查src和tests目录内的js文件。使用`--format`等选项可以定制输出格式。利用lint，团队可以提高代码质量并保持一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前篇我们解析了一下Vue3项目构成，也学习了build和serve命令。

这次我们看看lint命令。

vue-cli-service是什么？

在一个 Vue CLI 项目中，@vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、或者从终端中以 ./node_modules/.bin/vue-cli-service 访问这个命令。

简单理解就是一个构建(build)编译vue项目的工具，还提供了服务页面渲染的功能（serve).

本文注意讲lint，代码检查功能。

vue-cli-service lint

进入hello01项目直接运行 yarn lint

屏幕快照 2021-08-30 上午12.47.40.png

很快速跑完了，显示“No lint errors found!" 也就是代码检查没有碰到任何问题。

用法：```
sage: vue-cli-service lint [options] [...files]

Options:

  --format [formatter] specify formatter (default: codeframe)
  --no-fix             do not fix errors
  --max-errors         specify number of errors to make build failed (default: 0)
  --max-warnings       specify number of warnings to make build failed (default: Infinity)