Vue踩过的坑

本文介绍了Vue开发中遇到的一些问题及解决办法,包括Vue脚手架取消ESLint校验,Vue CLI3打包后dist文件夹下index.html空白页问题,CSS @import的使用,less文件配置,自动刷新浏览器问题,去除图片hash值,路径引用问题,修改Element-UI和Vant框架样式,以及动态绑定图片路径的解决方案。
摘要由CSDN通过智能技术生成

Vue脚手架取消ESLint校验

ESLint是插件化的 JavaScript 代码检测工具,使用脚手架的时候会使用eslint来实现代码的质量检测,但是真正在书写代码的时候要时刻记住这些 “标准”可能有点难受,比如结尾不加分号,使用单引号,首行俩个空格缩进等

vue.config.js:

module.exports = {
   
    // 取消ESLint校验
    lintOnSave: false
}

Vue cli3 bulid打包后dist文件夹下index.html打开为空白页问题的解决办法

'/' 指的是项目的根目录,'./' 指的是当前目录

vue.config.js:

module.exports = {
   
  // 配置项目打包之后静态资源存放的根URL,默认为'/'
  publicPath: './'
}

Vue中CSS @import用法后面的 ; 必须要有

@import "./App.css";
@import './App.less';

Vue取消less文件保存自动出现css文件

在Easy LESS插件的settings.json中添加如下代码:

&
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值