vue-取消严格模式，去除格式警告

最新推荐文章于 2024-05-09 19:41:02 发布
最新推荐文章于 2024-05-09 19:41:02 发布
阅读量4.8k 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45547638/article/details/100072731
版权

vue-取消严格模式，去除格式警告

我们日常在写vue代码的时候，会遇到很多警告信息，这是因为我们在创建代码的时候一直写yes，或者敲回车，也就是默认安装了eslint的严格模式。
在运行测试的时候，会出现很多警告和错误，页面显示会变得十分麻烦，如果习惯了就可以养成很好的代码习惯。
那么如何去除这些警告呢，关闭严格模式，只要在build文件夹下的webpack.base.conf.js中的…(config.dev.useEslint ? [createLintingRule()] : []),注释掉，然后重新启动项目即可。

注意: 注释后一定要记得重新跑一项目,不然依旧会按照原规则来.

一室易安
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
去除vue脚手架的严格代码模式以及vue脚手架项目结构介绍
BeforeSex的博客
07-26 800
vue-cli项目目录结构介绍 . ├── 'node_modules' // npm下载包都在这个文件夹 ├── 'public' //我们主要是用来存放json数据，静态资源等 │ ├── 'favicon.ico' │ └── 'index.html' // 作为入口模板,最后打包文件所在地，也是main,js 绑定的 dom ├── 'src' // 整个工程文件目录 （入口文件） │ ├── 'api'
vue-currency-input:轻松输入Vue.js的货币格式数字
04-28
Vue货币输入插件可轻松输入货币格式的数字。 它提供了一个独立的组件（ <currency> ）和一个自定义Vue指令（ v-currency ），用于使用货币格式功能来装饰现有的输入组件。 特征 和零依赖关系 键入时格式化 基于语言...
vue中去掉烦人的格式警告（eslint ）
weixin_30258901的博客
03-18 2486
解决办法： 一，源头上解决，下次创建项目时就不要使用eslint连接项目代码 如上图所示，就是在这一步的时候选择no； 二，在build文件夹中找到webpack.base.conf.js文件 找到右边的代码，注释即可。PS：注释之后需要重新启动项目才可以生效 转载于:https://www.cnblogs.com/yutianA/p/10552436.html...
VUE项目关闭严格模式
热门推荐
weixin_45077505的博客
09-12 1万+
VUE项目关闭严格模式 在bulid文件夹下的webpack.base.conf.js中将 ...(config.dev.useEslint ? [createLintingRule()] : []) 这行代码 注释掉就可以了
最新VUE项目配置ESlint后一些报错解决方式(1)，前端音频面试
最新发布
2401_84435739的博客
05-09 338
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】// 支持es6语法，但并不意味着同时支持新的 ES6 全局变量或类型（比如 Set 等新类型）// 指定来源的类型，‘script’ (默认) 或 ‘module’（如果你的代码是 ECMAScript 模块)},‘rules’: {// ‘off’ -> 0 关闭规则 ‘warn’ -> 1 开启警告规则 ‘error’ -> 2 开启错误规则//* 【==== 语法 ====】// 禁止出现重复的case标签。
vue警告问题
前端菜鸟
10-24 3011
代码改动 改为（就不再出现进警告了）
vue-cli脚手架，严格模式下的坑爹记录
weixin_43750315的博客
08-28 238
报错信息（1）：error Extra semicolon semi 意思是：要求是不使用分号，或全部以分号结尾 //报错信息 error Extra semicolon semi //解决方案 在 .eslintrc.js 文件的routs 下添加(带存疑) 'semi': 0 报错信息（2）：Missing space before function parentheses 意思是：在方法名和刮号之间需要有一格空格。 //解决方案 在 .eslintrc.js 文件的routs 下添加
vue警告汇总
u012881935的博客
11-01 277
inject 函数有两个参数：inject(name,default)原因：由于使用了inject,但没有进行provide。default：设置默认值，可以不写，是可选参数。解决：给inject加一个default值。name：接收 provide 提供的属性名。
vue-cli3.0搭建脚手架及移除严格模式
依古比古的博客
05-18 1574
vue-cli3.0搭建脚手架及关闭严格模式 vue的更新可以说是非常快的了。 目前vue的最新版本是2.6，vue-cli最新是4.x 一:用vue-cli3.x来写项目 我们是基于node进行创建的，所以说我们要先安装node,我们可以参考node的官网：：https://nodejs.org/en/download/ 1.1 安装vue-cli npm install -g @vue/cli在这里插入代码片 1.2 创建项目 vue create demo//vue create 项目名
vue-print-nb 兼容低版本浏览器
11-28
Vue.js 是一款流行的前端JavaScript框架，它以其轻量级、高效和易用性著称。在开发过程中，我们经常需要处理各种打印需求，这正是 `vue-print-nb` 插件的作用所在。`vue-print-nb` 是一个针对 Vue.js 应用程序设计的...
vue-cron_vue-cron_vuecrond组件_vuecron_
10-04
2. **预设模式**：为了简化使用，Vue-Cron通常会包含一些预设的定时任务模式，如每分钟、每小时、每天等，用户可以直接选择这些预设模式。 3. **实时预览**：当用户调整设置时，Vue-Cron会即时更新并显示对应的Cron...
vue-router路由模式详解(小结)
10-16
在本文中，我们将深入探讨 Vue Router 的路由模式，主要包括 Hash 模式和 History 模式。 1. **路由模式解析** Vue Router 提供了三种路由模式：Hash 模式、History 模式和 Abstract 模式。 - **Hash 模式**：...
vue-okr-tree:http
03-19
更新时间2020/12/02修复初步修改数据不渲染问题对应版本：vue-okr-tree@1.0.5 更新时间2020/12/05修改部分展示bug对应版本：vue-okr-tree@1.0.6 更新时间2021/01/13增加updateKeyChildren方法：vue-okr-tree@1.0.7 ...
vue页面rules规则校验清除方法
qq_44224631的博客
08-17 4350
前端规则校验清除方法
Vue[eslint-rules配置]:解决Vue中 eslint 语法检测报错或报错改成警告 // eslint-disable-next-line to ignore the next line.
第一段代码的博客
04-20 6172
Es-lint语法严格,很多时候,在Vue中本身不应该是错的写法,在es-lint下会保证代码的严谨性友好的给一个error错误,如v-for的:key等. 解决方法: 在package.json中对eslintConfig进行配置,即修改或新增rules值(这个是webpack中设置,只是vue-cli集成了webpack) 配置实例如下:(看rules中即可) "eslintConfig": { "root": true, "env": { "node": true
vue eslint报错解决办法
weixin_30588729的博客
11-13 737
若提示入下图时，在build / webpack.base.conf.js中， 找到 // const createLintingRule = () => ({// test: /\.(js|vue)$/,// loader: 'eslint-loader',// enforce: 'pre',// include: [resolve('src'), resol...
vue-cli严格模式，解决空格报错的
TotoroChinchilla的博客
03-13 365
vue-cli严格模式，解决空格报错的
VUE忽视页面警告
qq_39874538的博客
06-28 644
大家在使用vue开发时候会发现很多时候会因为一个规范问题而报一大堆的警告，使用工具快捷键后格式规范依然纯在问题，导致经常写一个项目警告上百个，严重影响开发效率和开发心情，这里我提供一种直接关闭代码规范检查的方法！ ...
vue-router history模式的实现原理
05-05
Vue-Router 的 history 模式是通过 HTML5 History API 实现的，该 API 提供了 pushState()、replaceState() 和 popState() 方法，允许我们在浏览器历史记录中添加或修改历史记录条目。 在 history 模式下，Vue-Router 会监听浏览器地址栏的变化，当用户点击链接或使用浏览器的前进/后退按钮时，Vue-Router 会根据新的 URL 加载相应的组件。 具体实现原理如下： 1. 在 Vue-Router 实例化时，会根据 mode 属性的值来确定使用哪种模式，如果 mode 为 history，则创建一个 history 对象。 2. history 对象通过监听浏览器的 popstate 事件来实现路由的响应，当用户点击浏览器的前进/后退按钮时，会触发该事件，Vue-Router 会根据新的 URL 加载相应的组件。 3. 在路由跳转时，Vue-Router 会调用 history.pushState() 或 history.replaceState() 方法，将新的 URL 添加或修改到浏览器历史记录中，同时更新组件的显示。 4. 在页面刷新时，浏览器会向服务器发送请求，服务器会返回与当前 URL 相关的 HTML 页面，Vue-Router 会通过解析 HTML 页面中的 script 标签，获取路由配置信息，再根据当前 URL 加载相应的组件。 总的来说，Vue-Router 的 history 模式通过 HTML5 History API 来实现路由的响应，实现了前端路由的无刷新跳转和浏览器历史记录的管理。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值