stylelint是一个强大的现代 CSS 检测器,可以让开发者在样式表中遵循一致的约定和避免错误.拥有超过170条的规则,包括捕捉错误.最佳实践.控制可以使用的语言特性和强制代码风格规范.它支持最新的CSS语法,并且灵活可配置. 1. 安装 yarn add stylelint stylelint-config-standard stylelint-config-rational-order stylelint-order stylelint-scss stylelint-webpack-pl

在开发中的一个需求,vue中关闭浏览器, 直接使用window.close()在chrome.fireFox会不起作用 需要改为一下方式 window.open('about:blank','_self').close() 上面这种方式会把你的当前页面改为 或者使用 window.open('','_self').close(), 使用它的效果会比第一个更好 因此,比较合适的方法就是 var userAgent = navigator.userAgent; if (userAgent.index

随便改个vue 一堆报错 其实我并不反对这些语法检测,但是像许多反个人意愿的那就真的不得不吐槽了,比如vue-cli脚手架创建的默认eslint规则: 代码末尾不能加分号 ; 代码中不能存在多行空行 tab键不能使用,必须换成两个空格 代码中不能存在声明了但未使用的变量 以上规则个人认为真的反人类!调试代码太难了. 关闭eslint 这里只说vue-cli脚手架的关闭方法,其实很简单,就是把 build/webpack.base.conf.js 配置文件中的eslint rules注释掉即可.

参考:https://blog.csdn.net/KingJin_CSDN_/article/details/77050569 main.js: import router from './router'; router.beforeEach((to, from, next) => { const toDepth = to.meta.index; const fromDepth = from.meta.index; if (to.meta.title) { document.title = to

为什么?为了防止写到一半保存,报错.关闭默认的语法检测 新建vue.config.js 1.vue.config.js的作用是允许你修改脚手架中wekpack的默认参数. 2.vue.config.js是新建在和src同级的目录下 // vue.config.js module.exports = { devServer: { overlay: { warnings: false, //不显示警告 errors: false //不显示错误 } }, lintOnSave: false //关闭

confing/index.js 文件里面的 useEslint 改成false就可以关闭代码检查了   不过为了代码的规范性,不建议关闭!

1. vue2.0 给data对象新增属性,并触发视图更新  $set this.$set(this.ossData, "signature", 222) // 正确用法 // 数据 data() { return { ossData: { signature: '' } } } // 正确用法 this.$set(this.ossData, "signature", 222) // 错误用法 this.ossData.signature = 24 2. el-di

接上一篇文章,这篇文章对如何使用IDEA打开并运行项目做教程 1.将在窗口模式启动的Vue关闭 只需要按住Ctrl+C,输入Y就可以了 2.打开idea 3.复制你项目所在地址,然后点击OK 4.下面就是你所有的项目目录 5.点击这个配置npm 6.添加npm 7.在这里输入dev,点击下面的apply,再点OK 8.这就算配置好了,然后选中命令模式输入npm run dev 回车 接下来就是成功的界面了,可以直接点击地址跳转到页面 ok, 这个是全局配置的地方 这个是路由配置

文章目录 1.基础知识 2.代码实例 2.1 main.js 2.2 School.vue 2.3 Student.vue 2.4 App.vue 3.全局事件总线通信改为消息的订阅和发布 3.1 核心部分代码 3.1.1 TheItem.vue(样式省略).发布消息 3.1.2 App.vue 订阅消息 4.测试结果说明 1.基础知识 类别引用说明:订阅报纸.用户作为订阅者订购报纸,邮局派送报纸. 1.一种组件间通信的方式,适用于任意组件间通信. 2.使用步骤: 安装pubsub:npm i

文章目录 1.全局事件总线基础知识(GlobalEventBus) 2.图解过程 3.代码实例 3.1 main.js 3.1 App.vue 3.2 School.vue 3.3 Student.vue 1.全局事件总线基础知识(GlobalEventBus) 1.一种组件间通信的方式,适用于任意组件间通信. 2.安装全局事件总线: 提示:在main.js中安装全局事件总线 new Vue({ ...... beforeCreate() { Vue.prototype.$bus = this

Vue2组件通讯传值 方法 Slot插槽--父向子内容分发,子组件只读 mixin混入--定义公共变量或方法,mixin数据不共享,组件中mixin实例互不影响 provide+inject--依赖注入,加强版prop+$emit ,代码可读性不高,不便后期维护 prop+$emit--父往子,子往父 route路由传参--简单数据传值 ref传值-- 缺陷:ref不是响应式的,要在DOM渲染完后才会有,可以用$nextTick()解决 $parent+$children-- 获取到整个组件实例

  前后端分离难免要接触到跨域问题,跨域的相关知识请参:跨域问题,解决之道   在Django和Vue前后端分离的时候也会遇到跨域的问题,因为刚刚接触Django还不太了解,今天花了好长的时间,查阅了好多资料现在解决了这个问题,记录一下. Django配置 首先在Django框架里面要安装django-cors-headers包,在项目根目录下执行 pip install django-cors-headers 配置settings.py 引入刚刚安装的包 INSTALLED_APPS = [

前言 vue项目在用旧版本的vue-cli创建的时候,会询问是否添加eslint的检查, 后来的版本在创建的时候是直接添加了eslint检查. 有时候我们开发习惯不是那么严格的时候, 会不在意这些缩进什么的要求, 这时候在开发前端项目的时候就悲催了.项目紧还老是编译不过去.所以直接关闭得了 操作 在文件 config/index.js中有    dev.useEslint的配置.这里配置为fase即可 2. 如果项目里还有eslint检查, 那就要考虑是不是编译器里的eslint检查了.例如 w

如何为你的 Vue 项目添加配置 Stylelint 现在已经是 9102 年了,网上许多教程和分享帖都已经过期,照着他们的步骤来会踩一些坑,如 stylelint-processor-html 已经不再维护,以及 --fix 之后 .vue 文件只剩下 <style> 部分等.我在踩完坑跑通出满意的效果后,维护一份新的指引,以备后续项目使用,顺便分享一下. 为什么选择用 stylelint ? 这个问题有两层含义,一是为什么要使用这个样式代码风格检查工具,二是与其他工具相比,为什么选择 st

1. 概述 1.1 说明 vue项目中,为了解决页面刷新时vuex数据丢失问题,使用localStorage进行存储对应的vuex数据(判断对应localStorage是否为空,不为空则为vuex中数据进行赋值),而localStorage的存储时间为长久存储,故为了数据安全则需在浏览器关闭时进行清空存储. 1.2 条件与思路 1.vue项目对应的单个网页刷新数据不丢失   ---  使用sessionStorage进行存储并解决页面刷新vuex数据丢失问题 2.可多个标签页打开数据共享   -

在vue项目中关闭ESLint方法:找到 webpack.base.conf.js 将这些代码注释掉, { test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre', include: [resolve('src'), resolve('test')], options: { formatter: require('eslint-friendly-formatter') } } 如图: 然后重启 npm run dev 即可

Vue初始化项目时如果不小心安装了js 语法检测 功能,撸码时一个空格不对就会各种报错 个人感觉这个语法检测功能很有点过于严格,用起来十分难受,所以果断关闭eslint,找到webpack.base.conf.js注释下面代码 然后在扩展中安装Vetur和ESLint 完成后发现, 运行项目虽然不报错了,但是ctrl+s保存的时候还是会代码还是报红,如下 文件>首选项>设置 配置如下代码 { "explorer.confirmDelete": false, "ve

axios带有请求拦截器,避免在每个请求里面加loading重复操作,可以封装进去,在请求开始时加载loading层,请求结束关闭,loading层用vux的loading加载 axios.js import axios from 'axios' import Vue from 'vue' // 超时时间 axios.defaults.timeout = 15000; // axios.defaults.withCredentials=true; // http请求拦截器 axios.inter

前言 使用vue-cli来构建单页SPA应用,提示代码缩进报错 原因分析 通过查看package.json文件我们可以发现,在文件中默认安装了eslint-loader模块,eslint-loader模块是目前相对比较流行的代码检测工具,可以检测书写的代码是否符合统一规范,可以在一些比较大型的项目开发中统一开发人员的代码风格,这也就是为什么代码缩进有可能导致页面报错的原因(代码缩进不符合规范). 解决办法 方法一:了解eslint-loader规则,严格按照规范书写代码(这是废话) 方法二:关闭

用vue cli3做项目的时候如果开启了typescript的严格模式,在dev server热替换的时候往往就会打出一大堆warning,严重的影响了编译效率.官方并没有提供关闭warning的api,但是提供了修改webpack配置项的接口.通过这个接口我们就可以实现关闭warning. 根据文档webpack 相关 | Vue CLI 3 导出项目的配置为output.js,搜索check单词可发现一个插件:fork-ts-checker(github:Realytics/fork-ts-

eslint是一个JavaScript的校验插件,通常用来校验语法或代码的书写风格. 官方文档:https://eslint.org 这篇文章总结了eslint的规则:Eslint规则说明 1.关闭eslint校验 有了eslint的校验,可以来规范开发人员的代码,是挺好的.但是有些像缩进.空格.空白行之类的规范,在开发过程中一直报错,未免太过于苛刻了.所以,我还是会选择关闭eslint校验. 下面就介绍一下vue项目中如何关闭这个校验. 首先我们在创建一个vue项目的时候,会有一个选择:Use