Vue基础精讲 —— 规范代码三步走?关于eslint和editorconfig以及precommit的安装和使用

eslint

ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。ESLint最初是由Nicholas C. Zakas 于2013年6月创建的开源项目。它的目标是提供一个插件化的 javascript 代码检测工具。

1. 安装eslint插件

npm i eslint eslint-config-standard eslint-plugin-standard eslint-plugin-promise eslint-plugin-import eslint-plugin-node -D

2. 在项目根目录创建 .eslintrc 文件,配置采用哪种校验规则,本案例采用 eslint 的标准校验规则

{
  "extends": "standard"
}

3. 安装让 eslint 能够校验 .vue文件 的插件。

eslint 是用来校验 JavaScript 代码的,而 .vue文件 是一个类似于 HTML 的文件格式,不是标准的 JavaScript文件,eslint无法直接校验 .vue文件,需要安装 eslint-plugin-html插件。

eslint-plugin-html插件是用来规范html,也能够识别

你可能感兴趣的:(前端开发,-,Vue)