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

前篇我们解析了一下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

很快速跑完了，显示“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)

我们运行一下yarn lint --format

看一下。

效果很直观。

代码检查，可以帮助团队统一代码风格，同时可以配置在持续集成生产线上，执行代码的lint。

非常有帮助的。

总结

vue提供了vue-cli-sevice 工具方便了我们快速的构建项目。

lint 插件帮助开发这检查和发现代码问题. 如果没有特别指定文件，它默认会检查位于src 和 tests 目录内的js文件。同时也包括根目录上的js文件 (比如常见的配置文件 babel.config.js 或者 .eslintrc.js).

今天就写到这里。

我是丸子，每天学会一个小知识。
一个前端开发
希望多多支持鼓励，感谢