【Nuxt】Vue最全代码约束之不完全指北（一）

代码是写出来给人看的，附带能在机器上运行

前言

为提高团队协作效率，便于开发人员添加功能及后期优化维护，同时输出高质量的文档，
我们必须保证每一个 Vue 组件（等同于模块）专注于解决一个单一的问题，独立的、可复用的、微小的和可测试的，因此通过配置进行代码强约束对于一个项目来说是非常必要的

目录

1. ESlint (插件化的 JavaScript 代码检测工具)
2. commitlint (规范git提交信息)
3. stylelint (css代码审查工具)
4. prettier(统一前端代码风格)
5. cli config(实现交互式的项目脚手架)

ESlint

在 Nuxt.js 中集成 ESLint 是非常简单的，首先我们需要安装 ESLint 的一系列依赖包
官方指南 => 开发工具 ESlint

npm i eslint babel-eslint @nuxtjs/eslint-module @nuxtjs/eslint-config --save-dev
or
yarn add eslint babel-eslint @nuxtjs/eslint-module @nuxtjs/eslint-config --dev

添加依赖项至 nuxt.config.js

/*
 ** Nuxt.js dev-modules
 */
 buildModules: [
   '@nuxtjs/eslint-module'
 ]

如果是旧项目改造的话，可以配置 eqeqeq no-console 等一些频率较高且没办法自动修复的错误，进行过滤

# .eslintrc 
{
   
  "root"