Vite2+Vue3+TypeScript项目中如何配置ESLint避免常见问题？

本文共计845个文字，预计阅读时间需要4分钟。

目录+新项目+Vite搭建+ESLint+先安装ESLint+创建.eslintrc.js+引入规则+Airbnb+配合Prettier+对ts的支持+.eslintrc.js+在页面上查ESLint报错+使用setup+sugar的坑+新项目+聊聊一个五年前的vue2的项目

目录

• 新项目了
• Vite搭建
• eslint
  • 先安装eslint
  • 创建.eslintrc.js
  • 引入规则
    • Airbnb
  • 配合prettier
  • 对ts的支持
  • .eslintrc.js
• 在页面上查看eslint报错
• 使用setup sugar的坑

新项目了

浑浑噩噩一个五年前的vue2的项目维护了一年多，要开始重构了。前端还是vue2，要加个后台系统来管理配置化功能。后台管理就捡起vue3吧，好久没写了，看看有啥新东西玩，有空了再更新一下博客。

Vite搭建

之前写了个用vue-cli来搭建的（vue-cli脚手架搭建vue3.0+typescripe项目），还是Vue3刚出来那会踩的坑，现在vite逐渐成熟，性能、速度也比webpack要好，也来踩踩的。
Vite官网已经写的很详细了，不赘述，无坑。