vue是使用eslint-plugin-vue这个插件对vue的格式进行校验的我们打开它的文档看一下 可以看出来vue3推荐的是plugin:vue/vue3-recommended这个规则,而我们的eslintrc.js中使用的是plugin:vue/essential这个,我们修改代码如下,重新打开App.vue问题修复。 module.exports = { extends: [ - 'plugin:vue/essential', + ...
Eslint 版本为 8.X 1. 安装 8.X 版本的 eslint pnpm i eslint@^8.57.0 -D 2. 安装 eslint 以及 prettier 以及一堆依赖 pnpm i eslint eslint-plugin-vue @vue/eslint-config-prettier prettier eslint-plugin-prettier eslint-config-prettier eslint-plugin-import -D 3. 安装 TS 依赖 pnpm i @...
在Vue 3 + Vite项目中使用ESLint进行代码质量检查。 在Vue 3 + Vite项目中配置和使用ESLint,可以帮助你保持代码的一致性和质量。以下是一个详细的步骤指南: 1. 安装ESLint及其相关插件 在项目根目录下,打开终端并执行以下命令来安装ESLint和相关插件: bash npm install eslint eslint-plugin-vue eslint-config...
1.2、使用vite构建第一个vue项目 方法一: 要使用 Vite 来创建一个 Vue 项目,非常简单: 代码语言:javascript 复制 $ npm init vue@latest 这个命令会安装和执行create-vue,它是 Vue 提供的官方脚手架工具。跟随命令行的提示继续操作即可。 要学习更多关于 Vite 的知识,请查看Vite 官方文档。 若要了解如何为一个...
检查到我没有安装ESLint, 是否马上安装? 安装eslint和eslint-plugin-vue, 选择Yes Local ESLint installation not found. The config that you've selected requires the following dependencies: eslint-plugin-vue@latest eslint@latest ? Would you like to install them now? › No / Yes ...
"@typescript-eslint" ], "rules": { } } 此为止我们的eslint安装完毕,下面我们需要让他支持vue 和 ts, 我们来继续修改eslintrc.js文件 我们的项目需要支持vue 和 ts,所以这里我们直接用官方推荐的插件和配置就行了,前面初始化eslint 选项的时候,就已经自动安装了相关依赖包 [eslint-plugin-vue] 和@type...
vite+Ts+Vue3搭建的项目中,把Ts类型文件抽离出去,再导入到页面组件时,出现“导入路径不能以“.ts”扩展名结束”的爆红错误,但这个错误并不影响项目运行。 解决方法: import { defineConfig } from 'vite'import vue from'@vitejs/plugin-vue'import path from 'path'//https://vitejs.dev/config/exportdefa...
'comma-dangle': ['error','never']//eslint的配置 } }) 三、配置vscode { "prettier.enable":false, "editor.formatOnSave":false, "editor.codeActionsOnSave":{ "source.fixAll.eslint":"explicit", "source.organizeImports":"never" },
Vue:3.2.47 Typescript:* Vite:4.2.0 第三方库 ESLint eslint eslint-plugin-vue eslint-plugin-import vue-eslint-parser eslint-config-airbnb-base @typescript-eslint/parser @typescript-eslint/eslint-plugin husky lint-staged commitizen
? Select a framework: 选择安装的脚手架 (这里选vue) vanilla > vue react Done. Now run: cd esvue yarn yarn dev 2、安装EsLint yarn add -D eslint 3、初始化配置EsLint npx eslint --init 3.1、选择模式:(To check syntax and find problems) ...