165Vue工程化2-eslint编译警告冲突、空格分号引号问题【待补全】、（）调用问题

最新推荐文章于 2024-03-31 04:33:26 发布
最新推荐文章于 2024-03-31 04:33:26 发布
阅读量288 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gy_9543/article/details/107947148
版权
本文介绍了在Vue项目中，VSCode的格式化工具与ESLint之间出现的冲突问题，以及如何通过创建.prettierrc和.eslintrc.js文件来配置和解决这些问题。同时，针对'warnings potentially fixable with the option.'的报错，提出了将'lint'命令修改为'eslint --fix --ext .js,.vue src'的方法，以自动修复一些可修复的警告。" 126715110,11242700,新一代知识图谱关键技术：进展与趋势,"['知识图谱', '人工智能', '深度学习', '预训练', '神经符号']
摘要由CSDN通过智能技术生成

vscode格式化工具和eslint产生了冲突
1、在项目根目录下创建.prettierrc
在这里插入图片描述

{
  "semi": false, 不会额外加分号
  "singleQuote": true, 单引号替换双引号
  "printWidth":200 默认值80一行最多允许有多少个字符解决【】换行问题
}

在这里插入图片描述
.eslintrc.js文件

module.exports = {
   
  root: true,
  env: {
   
    node: true
最低0.47元/天 解锁文章
教练我真的想敲代码
关注
专栏目录
vue2学习笔记
qq_53231262的博客
04-26 1954
Vue基础 前置储备 必备前提 HTML + CSS + JavaScript WebAPI(DOM + BOM) Ajax 可选前提 Node.js 1. 前端工程化 1.1 前端开发 模块化（js 的模块化、css 的模块化、资源的模块化） 组件化（复用现有的 UI 结构、样式、行为） 规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、 Git 分支管理） 自动化（自动化构建、自动部署、自动化测试） 1.2 前端工程化概念 前端工程化指的是：在企业级的前端项目开发中，把前端开发所需
一次性解决eslint单引号、双引号、分号、空格的报错警告问题
热门推荐
m0_56991207的博客
06-08 2万+
eslint总是自动将‘单引号’改为“双引号”，自动给末尾添加逗号，自动给每一项 结尾添加逗号，导致警告或报错，只需要一步解决：尤其‘末尾禁止添加逗号’这个很重要，找了好久~~~
Vue中解决代码格式化和eslint语法格式的冲突问题
weixin_45745641的博客
10-09 1043
不知道大家有没有遇到这种情况 写好了代码 然后利用编译器进行格式化代码 这样，他就自动将单引号变成了双引号，并且在末尾加上了分号，这样是不符合 eslint 语法格式的，运行就会报错，那么下面来看看如何解决代码格式化与eslint冲突的问题 在项目根文件夹新建一个名为 .prettierrc 的文件 在 .prettierrc 文件中进行配置，里面写json格式 { "semi": false, //格式化时不加分号 "singleQuote": true //启动单引号格式化的方式
解决vue项目中ESLint语法报错
丽丽大神ing的博客
08-19 1074
1.分号和双引号报错 在项目根目录下新建文件.prettierrc，内容如下： { "semi":false, // 分号删除 "singleQuote":true // 单引号替换双引号 } 2.方法后面的括号报错 在 .eslintrc.js文件rules里面添加此项，意禁用此项报错 rules: { 'space-before-function-paren':0 } ...
vsCode vue项目老是报空格或分号警告的解决方法
Summer_JK的博客
04-22 4303
vsCode vue项目老是报空格或分号警告的解决方法 开发VUE项目的时候老是报以下错误，如图： 修改之前的.eslintrc.js文件： module.exports = { root: true, parserOptions: { parser: 'babel-eslint' }, env: { browser: true, }, extends: [ 'plugin:vue/essential', 'standard' ], plu
Vue项目中处理语法警告
weixin_50027754的博客
12-19 204
在项目的根目录中创建.prettierrc文件 1.取消分号 2.双引号变成单引号 重新编译
vue 单引号 空格 格式错误解决
fjiao_lee的博客
08-18 480
在项目根目录添加 .prettierrc 文件 { "semi":false, "singleQuote":true } 打开.eslintrc.js文件，禁用对 space-before-function-paren 的检查: rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', 'no-debugger': process.env.NODE_ENV === 'p
vue项目流程demo示例
tang31415926的博客
03-07 1443
自己写从头做一个vue项目，没什么技术，主要是温故流程。 没写完，只写到创建完项目。
Vue前端技术知识整理
shuux666的博客
03-09 5704
VueJS 第一步，安装node.js 安装包下载地址：https://nodejs.org/en/ 安装包下载安装完成后，在命令行使用 node -v 查看node版本，判断是否安装成功。 第二步，安装vue脚手架 安装淘宝镜像： npm install -g cnpm --registry=https://registry.npm.taobao.org 安装webpack： npm install webpack@3.8.1 -g webpack -v 查看版本号 安装vue-cli脚手架工具
2022前端知识整理：十、vue基础
weixin_42373976的博客
07-15 992
2022前端知识整理：第十部分、vue基础，仅包含vue2.0相关知识，建议先完成html5、css3和JavaScript ES6之后再学习。部分图片未上传成功，稍后完善，请见谅。
在vue项目下使用eslint+prettier时，出现代码格式警告行为解决方案
最新发布
2401_84006953的博客
03-31 683
为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。前端面试题汇总CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】JavaScript。
eslint分号设置
weixin_30405421的博客
07-23 4620
.eslintrc.js 'rules': { // allow paren-less arrow functions 'arrow-parens': 0, // allow async-await 'generator-star-spacing': 0, // allow debugger during development 'no-debugger': pro...
启用 ESLint 后 解决格式化文档自动添加分号和双引号问题
一个前端开发者
07-21 2304
启用 ESLint 后 解决格式化文档出现的问题 一、格式化文档时：解决自动添加分号和双引号问题 二、配置 eslint 不检查函数方法名和括号之间的空格，因为这个空格确实不是个错误，关闭该项检查
VSCode：设置格式化不加分号，使用单引号以及函数和括号之间有一个空格
weixin_43160044的博客
06-26 5498
首先安装Prettier插件，不过格式化文档还是要选择Vetur 在VSCode的settings.json添加如下配置 “vetur.format.defaultFormatterOptions”: { “prettier”: { “semi”: false, “singleQuote”: true } }, “vetur.format.defaultFormatter.js”: “vscode-typescript”, “javascript.format.insertSpaceBeforeFuncti
vscode配置vue+eslint自动保存去除分号，方法与括号间加空格，使用单引号
ZM つ小灰灰的成长的博客
09-05 5084
vscode配置vue+eslint自动保存去除分号，方法与括号间加空格，使用单引号 "editor.formatOnPaste": true, //缩放整个窗体 "window.zoomLevel": 1, // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "editor.for
取消 Vue 中格式编译警告
weixin_30383279的博客
02-26 920
使用VS Code在学习Vue的过程中，博主是在2.0之后开始学习的，在写项目的时候发现控制台经常会报一大堆的警告，都是关于格式的，有时候少空格，有时候多空格，不胜其烦，出现这个问题是因为在初始化的时候使用了ESLint功能或者使用ESLint的插件，对于初学者来说，这是一个很麻烦的问题，解决办法是： 在build文件下的webpack.base.conf.js文件中，将 ...(...
WebStorm 去除分号，变量和方法警告提示
gclhaha的博客
08-22 4992
分号警告 Setting-》Inspections-》搜索Unterminated statement -》取消勾选 变量和方法警告 Setting-》Inspections-》搜索Un -》取消勾选
vue 开发 eslint 报空格和tab不一致问题
StarFishing
12-01 8650
代码规范问题 引入后空格和tab键问题报错 由于这个原因引起的错误需要在编辑器修改配置，以sublime为例，打开设置->用户设置 { "color_scheme": "Packages/Boxy Theme/schemes/Boxy Tomorrow.tmTheme", "font_size": 14, "ignored_packages": [ ...
@vue/cli-plugin-eslint 到兼容 eslint@7.32.0 的版本。
05-23
要使 @vue/cli-plugin-eslint 兼容 eslint@7.32.0，你可以按照以下步骤进行操作： 1. 确认你的 Vue CLI 版本是否最新。可以运行以下命令来更新到最新版本： ``` npm install -g @vue/cli ``` 2. 确认你的 @vue/...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值