周凯,个人博客

  • 前端
  • 嵌入式
  • 工具
  • 后端
  • 随笔
个人记录
  1. 首页
  2. 前端
  3. vite
  4. 正文

Vue2.7 + Vite + Eslint配置

2023年 5月 29日 1353点热度 0人点赞 0条评论
  • 在根目录下添加 .editorconfig 文件:

    # EditorConfig is awesome: https://EditorConfig.org
    
    # top-most EditorConfig file
    root = true
    
    [*]
    indent_style = space
    indent_size = 2
    end_of_line = lf
    charset = utf-8
    trim_trailing_whitespace = false
    insert_final_newline = false
  • 安装 eslint

    • 全局安装 npm install -g eslint
    • 在当前项目初始化 eslint --init
    • 添加eslint过滤规则 .eslintignore
    public
    dist
  • 安装 Prettier

    • prettier - prettier 本体
    • eslint-config-prettier - 关闭 ESLint 中与 Prettier 中发生冲突的规则
    • eslint-plugin-prettier - 将 Prettier 的规则设置到 ESLint 的规则中
    pnpm add prettier eslint-config-prettier eslint-plugin-prettier -D
  • 添加 Prettier 配置文件,在根目录添加一个 .prettierrc.js 文件

    module.exports = {
    semi: false,
    singleQuote: true,
    printWidth: 80,
    trailingComma: 'none',
    arrowParens: 'avoid',
    }
  • 修改 ESLint 配置,使 Eslint 兼容 Prettier 规则

    const { defineConfig } = require('eslint-define-config')
    
    module.exports = defineConfig({
    /// ...
    extends: [
      'plugin:vue/vue3-recommended',
      /**
       * 继承 eslint-plugin-prettier 插件的规则
       * @link https://github.com/prettier/eslint-plugin-prettier
       */
      'plugin:prettier/recommended'
    ],
    // ...
    })

参考

  • 【开箱即用脚手架】Vue2.7 + Vite + Eslint + Stylelint + Commitlint 工程化实践 - 掘金 (juejin.cn)

🎯 拓展阅读提示

本文涉及的内容已同步至公众号后台,我会在那里分享更多深度内容和实用技巧

→ 点击关注:一行梦境

公众号二维码
本作品采用 知识共享署名 4.0 国际许可协议 进行许可
标签: 暂无
最后更新:2023年 5月 29日

周凯

这个人很懒,什么都没留下

打赏 点赞
< 上一篇
下一篇 >

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复

COPYRIGHT © 2022-现在 周凯,个人博客. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

蒙ICP备18004897号