首页 > 其他分享 >vu3+vite项目单独添加ESLint

vu3+vite项目单独添加ESLint

时间:2023-08-11 14:34:31浏览次数:43  
标签:module ESLint env true vite vu3

安装完依赖后,项目的根目录下会自动生成 .eslintrc.cjs 文件如下:

module.exports = {
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "standard-with-typescript",
        "plugin:vue/vue3-essential"
    ],
    "overrides": [
        {
            "env": {
                "node": true
            },
            "files": [
                ".eslintrc.{js,cjs}"
            ],
            "parserOptions": {
                "sourceType": "script"
            }
        }
    ],
    "parserOptions": {
        "ecmaVersion": "latest",
        "sourceType": "module"
    },
    "plugins": [
        "vue"
    ],
    "rules": {
    }
}

 

标签:module,ESLint,env,true,vite,vu3
From: https://www.cnblogs.com/alanaZ/p/17622872.html

相关文章

  • uniapp Vue2升级Vue3使用Vite分包
    uniappVue2使用webpack打包配置根目录下创建vue.config.js文件constpath=require('path')constCopyWebpackPlugin=require('copy-webpack-plugin')//最新版本copy-webpack-plugin插件暂不兼容,推荐v5.0.0letfilePath=''letTimestamp=''//......
  • vue3+vite+view-ui-plus 实现按需引用
    现有项目使用的是vue3+vite+view-ui-plus由于公司要求秒开速度对h5页面进行优化,首先想到的是把组件的引用从全量引用打包改成按需引用;下面是改之前的 view-ui-plus引用配置,简单粗暴直接在main.ts中引用  importViewUIPlusfrom'view-ui-plus'import'view-ui-plus/d......
  • ESLint和Prettier冲突
    问题:同时使用ESLint和Prettier时,在某行代码到达某长度时候出现警告线。ESLint推荐换行(手动换行警告消除)但保存(自动格式化后)被Prettier强制拉到同一行(貌似是本行代码长度已经碰到ESLint的逆鳞但未触及Prettier?) 解决: 默认vscode里设置了Prettier的PrintWidth为80 而默认......
  • vue3 + vite + vue-router 4.x项目在router文件中使用pinia报错
    1.背景vue-router4.x版本,想在路由文件中引入并使用pinia后报错如下:表面意思是getActivePinia()方法在pinia还没有激活的时候被调用,导致报错。2.解决方法在stores文件夹下新建pinia.js文件,用来引入并创建pinia实例。import{createPinia}from"pinia";const......
  • vite+vue 在html中通过script引入的文件在使用时,部署后却无法获取文件中的方法
    今天在写项目的时候,遇到了一个奇怪的问题,我再html中使用script全局引入了一个js文件,但是在组件中使用window.xxx的时候却报错了,说没有这个方法,在本地几次测试都是好的。报错前相关版本:"@vitejs/plugin-vue-jsx":"^2.0.0","@vitejs/plugin-vue":"^2.2......
  • 在vite中使用postcss
    postcss是什么?1,增强代码的可读性利用从CanIUse网站获取的数据为CSS规则添加特定厂商的前缀。Autoprefixer自动获取浏览器的流行度和能够支持的属性,并根据这些数据帮你自动为CSS规则添加前缀。2,将未来的CSS特性带到今天PostCSSPresetEnv帮你将最新的CSS语法转......
  • 为react项目添加开发/提交规范(前端工程化、eslint、prettier、husky、commitlint、sty
    因历史遗留原因,接手的项目没有代码提醒/格式化,包括eslint、pretttier,也没有commit提交校验,如husky、commitlint、stylelint,与其期待自己或者同事的代码写得完美无缺,不如通过一些工具来进行规范和约束。eslinteslint是一个代码校验工具,用来规范项目代码风格。初始化通过n......
  • 如何关闭eslint
    1.关闭整个ESLint方法一:在package.json文件中移除eslint的依赖,例如: "devDependencies":{"@vue/cli-plugin-babel":"~4.4.0","@vue/cli-plugin-eslint":"~4.4.0","@vue/cli-service":"~4.4.0&qu......
  • Vite build errors All In One
    VitebuilderrorsAllInOneerrors默认入口文件名index.html,使用demo.html与默认的不一致,导致构建报错❌Couldnotresolveentrymodule"index.html".errorduringbuild:RollupError:Couldnotresolveentrymodule"index.html".$npxvitebuild/**......
  • 使用Vue+Vite搭建在线 C++ 源代码混淆工具,带在线实例
    就酱紫github开源地址:https://github.com/dffxd-suntra/cppdgithub在线实例:https://dffxd-suntra.github.io/cppd/预览图片:长截屏背景图重复了,抱歉......