vue3的eslint + prettier问题，解决了

最新推荐文章于 2024-05-17 14:32:46 发布
最新推荐文章于 2024-05-17 14:32:46 发布
阅读量118 收藏
点赞数 1
分类专栏： vue3 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_48454458/article/details/137771166
版权

1·以下两张图就是我的报错界面

看到很多prettier就表明代码的格式有问题，比如那里多了几个空格，那里没换行，这就是一个代码格式化工具，不能随意改代码风格，就是这么死板，下面是我的解决办法！！！
请添加图片描述
请添加图片描述
2·解决办法就是直接关闭，省事的很！

找到vue.config.js文件，没有的话自己创建也可以，输入下面代码运行就好了！

lintOnSave: false, //关闭eslint检查

在这里插入图片描述
成功啦
在这里插入图片描述

安北北
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vite+vue3配置eslint+prettier+ts
xiaodingdang222的博客
10-09 1604
eslint+ts+vite+prettier
vue3+vite+monorepo+qiankun+pnpm+eslint+prettier 框架
08-03
vue3+vite+monorepo+qiankun+pnpm+eslint+prettier vue3+vite+monorepo+qiankun+pnpm+eslint+prettier vue3+vite+monorepo+qiankun+pnpm+eslint+prettier vue3+vite+monorepo+qiankun+pnpm+eslint+prettier vue3+...
Vue3 + ESLint + Prettier
高大哥
11-23 4120
Vue3 + ESLint + Prettier，setting.json配置，文件嵌套显示
Vite + Vue3 + ESLint + Prettier
高大哥
07-13 1462
配置 Vite + Vue3 + ESLint + Prettier
【Vite+Vue3+TS】基于Vite+Vue3+TypeScript+ESLint+Prettier+Stylelint搭建项目（亲测超详细）
aDiaoYa_的博客
01-25 2001
结合了很多项目和文章，总结一篇项目构建的笔记。 温馨提示：文章末尾记录了我在搭建项目过程中，遇到的一些问题和解决办法 ~
vue3 + vite + eslint + prettier
qq_37411242的博客
03-01 306
vue3 + vite + eslint + prettier
vite + vue3 + ts + esLint + prettier 配置
weixin_44440116的博客
03-29 761
vite + vue3 + ts + esLint + prettier 配置
vue中使用 eslint+prettier
寬真
09-14 506
ESLint 主要解决了两类问题，但其实 ESLint 主要解决的是。另外一类这个应该是eslint的报错问题，那么在vue2中如何使用eslint和eslint自动修复呢？ESLint 只支持 JavaScript，而 Prettier 却支持 JavaScript、HTML、CSS、Markdown 等多种语言类型ESLint 主要解决了两类问题，但其实 ESLint 主要解决的是。另外一类。
vue3 + vite + js 配置Eslint + prettier
l_____z______z的博客
01-18 1173
vue3 + vite + js 配置Eslint + prettier
eslint+prettier+vue3格式化
lfq1996的博客
03-11 1392
eslint+prettier+vue3格式化
构建vue3+typescript+eslint+prettier项目
霸霸的博客
07-01 389
安装vue-cli3（需要安装3.x以上版本） npm install -g @vue/cli vue -V vue create 【项目名】 【我们选择第三个自定义安装】 【（*号代表选中）根据自己项目需求空格选中，选中完回车确认】【选择vue版本，选择3.x】 到此为止，安装就完成了，可以等待安装成功。............
实例详解Vue项目使用eslint + prettier规范代码风格
12-03
幸好，我们有 eslint 和 prettier 。 eslint VS prettier 应该大多数项目都已经采用eslint来对代码进行质量检查，可能少部分还会采用其进行一定程度上的统一风格。那为什么还需要prettier呢？我们先来对它们作一个...
vue3+vite+monorepo+qiankun+pnpm+eslint+prettier
08-03
vue3+vite+monorepo+qiankun+pnpm+eslint+prettier vue3+vite+monorepo+qiankun+pnpm+eslint+prettier vue3+vite+monorepo+qiankun+pnpm+eslint+prettier vue3+vite+monorepo+qiankun+pnpm+eslint+prettier vue3+...
vscode 配置vue+vetur+eslint+prettier自动格式化功能
10-15
主要介绍了vscode 配置vue+vetur+eslint+prettier自动格式化功能，本文通过实例代码图文的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
WEB转Flutter基础学习笔记（内含vue和flutter对比）
最新发布
小易不止于搬砖的博客
05-17 666
笔者是一名web前端，记录在转栈flutter时的学习笔记，内涵和vue的对比，能够辅助前端同学更容易理解flutter
vue中的事件
weixin_43390711的博客
05-16 161
需要使用emit方法，emit(‘事件名’,参数)自定义事件名的规范（script中用小驼峰，模板中用短横线）1、组合api中2、setup语法糖中(非TS)3、setup语法糖中（使用TS）}>()
vue3.0+antdv的admin管理系统vue-admin-beautiful推荐
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
05-15 1107
几年前，笔者自学了vue这一优秀的前端框架，但苦于没项目练手，无意间发现了这一优秀的前端集成框架。当时就使用它做了一很有意思的小项目---终端监控云平台，实现了前端和后台的整体功能。整体方案介绍参见博文《》，前端使用vue-admin-beautiful框架，后端使用go-zero微服务框架，几天内就搞出来了一个包含前端和后台的小项目。我的monitor-ui前端运行界面：后续有机会介绍下我这个终端监控云平台小项目的具体实现，挺有意思的。几年前还用到过几个地方的公交客户现场，客户挺喜欢这个功能的。
Vue.js的发展史（一）
2301_79683791的博客
05-15 755
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
vue3+ts+eslint+prettierrc
01-18
在Vue3 + TypeScript + ESLint + Prettier的项目中，可以通过以下步骤来配置eslint和prettierrc： 1. 首先，确保你的项目已经安装了Vue CLI，并且已经创建了一个Vue3 + TypeScript的项目。 2. 在项目根目录下，打开终端并运行以下命令来安装ESLint和Prettier的相关依赖： ```shell yarn add eslint eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin prettier eslint-config-prettier eslint-plugin-prettier -D ``` 3. 在项目根目录下，创建一个`.eslintrc.js`文件，并添加以下内容： ```javascript module.exports = { root: true, env: { node: true, }, extends: [ 'plugin:vue/vue3-essential', 'eslint:recommended', '@vue/typescript/recommended', 'prettier', 'prettier/@typescript-eslint', 'prettier/vue', ], parserOptions: { ecmaVersion: 2020, }, rules: { // 在这里添加你的自定义规则 }, }; ``` 4. 在项目根目录下，创建一个`.prettierrc.js`文件，并添加以下内容： ```javascript module.exports = { semi: true, singleQuote: true, trailingComma: 'all', printWidth: 80, tabWidth: 2, }; ``` 5. 在项目根目录下，创建一个`.eslintignore`文件，并添加以下内容： ``` node_modules/ dist/ ``` 6. 在项目根目录下，打开终端并运行以下命令来检查代码并修复格式错误： ```shell yarn lint --fix ``` 这样，你就成功配置了Vue3 + TypeScript + ESLint + Prettier的项目。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值