Vue项目中配置eslint

最新推荐文章于 2024-08-07 09:21:59 发布

boboj1

最新推荐文章于 2024-08-07 09:21:59 发布

阅读量1.6k

点赞数

分类专栏： Vue 文章标签： vue.js vscode 前端

本文链接：https://blog.csdn.net/Wind_AN/article/details/125510891

版权

本文介绍了如何在Vue项目中配置eslint，包括通过vue/cli创建项目时启用Linter/Formatter，以及详细配置.prettierrc、.eslintrc.js和.vscode/settings.json文件，以实现保存时自动格式化代码的功能。建议根据个人需求调整配置，避免全局VSCode settings。

摘要由CSDN通过智能技术生成

安装

使用vue/cli创建项目时勾选Linter/Formatter选项。
npm i @babel/core @babel/eslint-parser @vue/cli-plugin-eslint eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue prettier -D

.prettierrc

{
   
  "semi": false,
  "arrowParens": "always",
  "singleQuote": true,
  "endOfLine": "auto"
}

.eslintrc.js

module.exports = {
   
  root: true,
  env: {
   
    node: true,
  },
  extends: [
    'plugin:vue/essential',
    'eslint:recommended',
    'plugin:prettier/recommended',
  ],
  parserOptions: {