最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

使用自動(dòng)導(dǎo)入后eslint報(bào)錯(cuò)eslint9的問題及解決方法

 更新時(shí)間:2025年03月21日 11:17:10   作者:YUELEI118  
本文介紹了使用`pnpm create vue@latest`創(chuàng)建Vue應(yīng)用時(shí),如何配置ESLint和Prettier,包括解決兩者沖突以及自動(dòng)導(dǎo)入后Eslint報(bào)錯(cuò)的問題,感興趣的朋友一起看看吧

前提:使用pnpm create vue@latest創(chuàng)建vue應(yīng)用,并且在創(chuàng)建項(xiàng)目時(shí)就勾選eslint和prettier,不然有些配置還需要手動(dòng)配,比如解決eslint和prettier的沖突問題

1. 解決使用自動(dòng)導(dǎo)入后Eslint報(bào)錯(cuò)問題

配置vite.config.ts

    // 自動(dòng)導(dǎo)入api
    AutoImport({
      resolvers: [ElementPlusResolver()],
      imports: ['vue', 'pinia', 'vue-router'],
      // dts: 'src/auto-imports.d.ts', // 生成自動(dòng)導(dǎo)入的類型聲明文件
      eslintrc: {
        enabled: true, // 生成 ESLint 兼容的配置文件,運(yùn)行程序后會(huì)生成下面這個(gè)文件,再設(shè)置成false
        filepath: './.eslintrc-auto-import.json', // 指定 ESLint 配置文件路徑
      },
    }),

eslint.config.ts配置

import { createRequire } from 'module'
const require = createRequire(import.meta.url)
const autoImportConfig = require('./.eslintrc-auto-import.json')
export default defineConfigWithVueTs(
	.......
  {
    languageOptions: {
      // 導(dǎo)入變量
      globals: {
        ...autoImportConfig.globals, // 自動(dòng)導(dǎo)入的全局變量
    },
  },
)

2. eslint完整配置文件

import pluginVue from 'eslint-plugin-vue' // Vue規(guī)范
import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript'
import globals from 'globals'
import { createRequire } from 'module'
const require = createRequire(import.meta.url)
const autoImportConfig = require('./.eslintrc-auto-import.json')
// 它禁用了所有不必要的或可能與 Prettier 沖突的規(guī)則,確保將其放在最后,以便有機(jī)會(huì)覆蓋其他配置。
import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'
export default defineConfigWithVueTs(
  {
    name: 'app/files-to-lint',
    files: ['**/*.{ts,mts,tsx,vue}'],
  },
  {
    name: 'app/files-to-ignore',
    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
  },
  {
    languageOptions: {
      // 導(dǎo)入變量后,在項(xiàng)目中使用瀏覽器、node、自定義的變量時(shí)就不會(huì)報(bào)錯(cuò)
      globals: {
        ...globals.browser, // 瀏覽器全局變量
        ...globals.node, // Node.js 全局變量
        ...autoImportConfig.globals, // 自動(dòng)導(dǎo)入的全局變量
      },
    },
  },
  pluginVue.configs['flat/essential'],
  vueTsConfigs.recommended,
  skipFormatting,
  {
    // 自定義規(guī)則
    rules: {
      'vue/multi-word-component-names': 'off', // 禁用 簡(jiǎn)單名字 規(guī)則
      'no-console': 'off',
      'no-debugger': 'off',
    },
  },
  {
    // 那些文件不需要eslint校驗(yàn)
    ignores: ['**/dist/**', '**/node_modules/**', '.css'],
  },
)

到此這篇關(guān)于使用自動(dòng)導(dǎo)入后eslint報(bào)錯(cuò)eslint9的問題及解決方法的文章就介紹到這了,更多相關(guān)自動(dòng)導(dǎo)入后Eslint報(bào)錯(cuò)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論

乐东| 诸暨市| 吉木萨尔县| 彝良县| 盖州市| 英超| 孝昌县| 双流县| 哈尔滨市| 枣强县| 岳阳县| 玛曲县| 沧州市| 高淳县| 南乐县| 黄山市| 文山县| 保靖县| 安仁县| 宁阳县| 黑龙江省| 台前县| 华安县| 赣榆县| 怀柔区| 安康市| 柘城县| 陈巴尔虎旗| 博白县| 松阳县| 曲松县| 抚州市| 玛曲县| 福鼎市| 华亭县| 闽清县| 鄂温| 渝中区| 松原市| 绍兴县| 全州县|