解决vue-cli 中eslintrc与格式化语法工具冲突警告问题

最新推荐文章于 2024-03-30 00:25:50 发布
最新推荐文章于 2024-03-30 00:25:50 发布
阅读量751 收藏 1
点赞数
分类专栏： Vue 随笔 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45205118/article/details/103985803
版权

解决vue-cli 中eslintrc与格式化语法工具冲突警告问题

1.在根目录下创建.prettierrc文件

!](https://img-blog.csdnimg.cn/20200115110807204.png)

2.输入 （下列代码）

{
    "semi" : false,
    "singleQuote": true
}

在这里插入图片描述
二. 补充 无语法错误报错问题

  1. 复制可视化面板中对应的错误的语法规则
    在这里插入图片描述
    2.找到.eslintrc.js文件
    在这里插入图片描述

3.找到 rules 字段

最低0.47元/天 解锁文章
小林——先生
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue项目运行中eslint问题，以及出现问题的解决方法
qq_43578935的博客
10-13 3万+
项目初次运行时，可以正常运行，但是更改东西时会报eslint错误，这是因为他规范的问题。以下是解决eslint问题的三种方法。 尝试了以下几种解决方法 第一种：降版本（开始以为版本太高，然后降低版本，发现副作用很大，基本上没啥用） npm i eslint-config-standard@14.1.1 eslint-plugin-standard -D 第二种： 1.在项目中安装npm install eslint --save-dev 2. 进入node_modules目录的bin目录下 cd ./
解决eslintrc.js报错原因
不想起床
12-06 7744
在利用eslintrc进行语法检测的时候，终端会报错，但是项目可以正常运行，这是什么原因呢？ 很大的原因是vscode编辑器的格式化代码，和eslintrc有冲突 但是当你对vscode进行代码的格式化处理，就会把自动把之前的单引号变成双引号，而且会加; 下面看看这个吊样 那该怎么解决这个问题呢？ 只需要在项目根目录中添加一个prettierrc配置文件 然后到你需要格式化成eslint...
VsCode正确解决vue3+Eslint+prettier+Vetur的配置冲突
最新发布
m0_37985967的博客
03-30 1841
手把手教你VsCode正确解决vue3+Eslint+prettier+Vetur的配置冲突
常用解决eslint和格式化冲突问题（vue）
qq_39056703的博客
07-03 2200
.eslintrc.js文件修改 module.exports = { root: true, env: { node: true }, extends: [ 'plugin:vue/essential', '@vue/standard' ], parserOptions: { parser: 'babel-eslint' }, rules: { // allow async-await 'generator-star-spacin
解决vue项目中eslint报错问题
aeipyuan
03-18 1175
废话不多说直接上代码，把.eslintrc.js换为下面这个，完美解决 module.exports = { root: true, env: { node: true }, extends: [ 'plugin:vue/essential' // '@vue/standard' ], parser...
在 vue-cli 项目中当 格式化文档 与 Eslint 代码规范检查相冲突解决
itBellah的博客
04-07 756
在根目录下(即与 package.json 同级)，新建一个 .prettierrc 文件目录，如下 在此目录中写入代码 { "semi": false, "singleQuote": true } 完成。
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
在生产中：基于webpack的vue-cli仍然是捆绑webapp的最佳实践（通过代码拆分，旧版浏览器的旧版构建）。 在开发中：即时启动服务器并通过闪电快速实现HMR很有趣。 我们为什么不一起使用它们呢？ // vue.config.js ...
快速解决vue-cli不能初始化webpack模板的问题
01-19
vue init webpack pro [Failed to download repo] [connect ETIMEDOUT 192.30.255.112] ...3.将文件夹放到c:administrator/.vue-templates文件夹下面 准备工作就做完了 4.然后该干啥干啥。在你的项目文件下执行vue i
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的 用法 在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-...
vue-cli系列之vue-cli-service整体架构浅析
12-07
可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要内容以备注形式写到代码中。）。 关键代码 vue-cli-service.js const semver = require('semver'...
vue-cli-plugin-tailwind:Tailwind CSS的vue-cli插件
05-10
vue-cli-plugin-tailwind 一个将Tailwind CSS添加到您的vue-cli项目的插件。入门在您的vue-cli项目文件夹中，通过以下方式添加插件： vue add tailwind选择要生成的Tailwind配置： 无-不会创建一个配置文件。 如果...
取消Vue中格式警告
CodingFire的博客
02-23 1万+
使用VS Code在学习Vue的过程中，博主是在2.0之后开始学习的，发现经常会报一大堆的警告，都是关于格式的，有时候少空格，有时候多空格，不胜其烦，出现这个问题是因为在初始化的时候使用了ESLint功能或者使用ESLint的插件，对于初学者来说，这是一个很麻烦的问题，解决办法是： 在build文件下的webpack.base.conf.js文件中，将 ...(config.dev.useEsl...
解决eslint语法和vscode格式化工具的冲突问题
web_gutianle的博客
06-12 733
1.在项目根目录下新建一个.prettierrc文件 { "semi":false, //代码结束不加分号 "singleQuote":true,//使用单引号 "printWidth":200 //超过两百个字符再换行 }
怎样忽略vue-cli中的警告Unexpected tab character，Mixed spaces and tabs，
热门推荐
王小森的成长博客
07-02 1万+
在使用vue-cli时，文件总是警告。 关于使用vue-cli总是报警告的问题，虽然不影响使用但是很糟心有木有？ 报警告的有： Mixed spaces and tabs；（混合空格和制表符） Unexpected tab character（意想不到的制表符） A space is required after ‘,’（在’，’之后需要一个空格）等等警告。对于这些警告是可以忽略的，只要不...
Vue项目中处理语法警告
weixin_50027754的博客
12-19 179
在项目的根目录中创建.prettierrc文件 1.取消分号 2.双引号变成单引号 重新编译
VSCode Vue ESLint 格式化配置
skyunlin的专栏
12-28 1065
Vetur、ESLint插件安装这里就不多说了，直接看vscode settings.json配置： 重要： 使用ESLint格式化，能很好的符合.eslintrc.js文件里配置的rules，但有个很大的瑕疵，就是vue文件<style>标签里的样式无法进行格式化，只能独立编写到单独的样式文件中，再在<style>标签里@import 。 看到有个相关插件 eslint-plugin-vue-scpoed-css 但是貌似不太好用，可配置项也比较少，期待后面的完善。 //
vue-cli4项目开启eslint,保存时自动格式
c347087870的博客
07-11 3511
最近新建一个vue-cli4的项目，初始化的时候没开启eslint，后面想开启的时候不好配置，这里就做个开启eslint和保存时自动修复格式的总结 vscode首先安装eslint插件 配置vscode的自动保存eslint格式 Ctrl+shift+p 把下面代码复制到里面 "editor.tabSize": 2, "eslint.alwaysShowStatus": true, "eslint.autoFixOnSave": true, "eslint.packageManage
摆脱令人抓狂的ESlint 语法检测配置说明
weixin_33895016的博客
03-18 6895
最近学习Vue，通过vue-cli脚手架创建的项目环境，写了段时间后，发现这个ESlint语法检测真是令人抓狂！！！所以不得不停下手中的代码去学习下ESlint的规则配置。 其实我并不反对这些语法检测，但是像许多反个人意愿的那就真的不得不吐槽了，比如vue-cli脚手架创建的默认eslint规则： 代码末尾不能加分号 ; 代码中不能存...
Vue文件格式化js插件
03-31
1. Prettier：Prettier是一个流行的JS格式化工具，可以与Vue文件一起使用。它可以自动格式化代码，使其具有一致的风格，并可以在保存文件时自动运行。 2. Vue-CLI：Vue-CLI是Vue.js的官方脚手架工具，它包含了一些...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值