可以通过将以下配置添加到extends."plugin:vue/base"...启用正确 ESLint 解析的设置和规则。 使用Vue.js 3.x 的配置。"plugin:vue/vue3-essential"...base,以及防止错误或意外行为的规则。"plugin:vue/vue3-strongly-recommended"...上面,加上大大提高代码可读性和/或开发体验的规则。"plugin:vue/vue3-recomm...
本文结合上文的 Demo eslint-config-axuebin[7]，设计一个简单的 CLI Demo。由于当前配置也比较简单，所以 CLI 只需要做几件简单的事情即可：询问用户当前项目的类型（是 JavaScript 还是 TypeScript、是 React 还是 Vue）根据项目类型写 .eslintrc.js 文件根据项目类型安装所需依赖（比如 vue 需要 eslint-plugi...
一、Eslint:用于检测代码 安装eslint相关依赖 yarn add eslint eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin -D eslint-plugin-vue:仅支持vue,提供的规则可以支持 .vue\js\jsx\ts\tsx 文件校验 @typescript-eslint/parser:解析器,让ESLint拥有规范TypeScript代码的能力 @ty...
root: true, // 当前项目使用这个配置文件, 不会往父级目录找.eslintrc.js文件 env: { // 指定eslint启动环境(vuecli底层是node支持), browser: true也可以在浏览器设置 node: true }, extends: [ // 扩展配置 'plugin:vue/essential', // vue里必须的规则 '@vue/standard' // 使eslint继承@vue/c...
安装插件vite-plugin-eslint(npmjs.com/package/vite-),配置如下: import { defineConfig } from 'vite' import eslint from 'vite-plugin-eslint' export default defineConfig({ plugins: [ eslint({ include: ['src/**/*.ts', 'src/**/*.tsx', 'src/**/*.vue'], exclude: ['node_modules'...
11. 适配vue3, 看下eslint-plugin-vue 官网:https://eslint.vuejs.org/user-guide/#usage module.exports ={"env": {"browser":true,"es2021":true},"extends": ["eslint:recommended",- "plugin:vue/essential",+ 'plugin:vue/vue3-recommended',"plugin:@typescript-eslint/recommended"],"parserOp...
新建vue-cli 项目。如果已有项目,可直接跳到最后一步。 ①在 cmd 中输入如下代码,开始创建项目。 提示:如果没有安装 vue-cli ,执行npm install -g @vue/cli安装即可。 vue create "项目名称" 1. ② 选择 Manually select features(手动选择功能)。 ③ 根据自己需求选择,这里只选择了 Linter / Formatter。
import vue from '@vitejs/plugin-vue' import path from 'path' // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue()], resolve: { alias: { '@': path.resolve(__dirname, 'src') }, extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'] ...
plugins:[newESLintPlugin({// 因为默认 eslint 只检查 js 文件,其他文件类型需要手动指定extensions:["ts","vue","tsx"],}),]; CI 利用husky + lint-staged,在提交时,对修改的代码做检查 npm install husky --save-dev npx husky install npm set-script prepare"husky install"npx husky add .husky/...
我们的项目需要支持vue 和 ts,所以这里我们直接用官方推荐的插件和配置就行了,前面初始化eslint 选项的时候,就已经自动安装了相关依赖包 [eslint-plugin-vue] 和@typescript-eslint/parser { parser: 'vue-eslint-parser', extends: [ 'plugin:vue/vue3-recommended', ...