Vue2.0以上配置sass及Eslint检查

最新推荐文章于 2024-05-12 10:03:23 发布
最新推荐文章于 2024-05-12 10:03:23 发布
阅读量621 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45511236/article/details/114963804
版权

Vue2.0以上配置sass

  1. 全局安装sass(我不知道为什么node-sass安装一直不行，所以还是安装sass就行，一样的)
    npm i sass --save-dev
  2. 指定sass-loader的版本，如果你用npm i sass-loader--save-dev，就会安装到最新版本，新的版本是5.x会太高，应该要指定版本安装
    写卸载 npm uninstall sass-loader
    再重新下载npm i sass-loader@7.3.1 --save-dev
    最后看一下我脚手架的package.json文件配置
    在这里插入图片描述
  3. 在文件配置一下
    在这里插入图片描述

Vue关掉Eslint检查

  1. 首先先关掉控制台报错
    在这里插入图片描述

  2. 再关掉编译错误在这里插入图片描述

美式因子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决sass-loader与node-sass报错
织网的博客
01-26 7948
问题：最开始想要学习一下vue-cli更换主题，然后就各种百度，最后说要使用sass，好家伙，就跟着百度的步骤一顿安装，结果，失败了，然后研究了两天，终于，终于解决了这个问题，激动得不知道跟谁分享所以记录下了这篇文章，希望能帮助到跟我相同问题的小伙伴， 报错：这个报错可能是因为无法下载，所以切换到cnmp下载；但是也可能是因为版本不匹配，可以切换安装版本，具体步骤如下。 问题1：下载的原因造成的问题 方法1、本地安装 第一步 如果之前安装了一遍失败了，记得执行卸载，没有则跳过卸载步骤。 卸载： npm
Vue前端篇（六）关于scss的坑
帅帅的困哒哒
11-20 714
上一篇修改了Login页面，由于页面使用scss语法，会出现报错的情况，但是已经安装了scss，使用时会出现如下警告，大致意思的sass版本过高与webpack的版本不是很兼容，这就导致了scss语法不生效的问题 解决办法是：打开package.json文件，找到sass-loader，版本改成^7.3.1，然后关掉IDEA，把项目下的依赖node_modules删掉，然后重新打开，在命令行...
推荐：Sass Lint——专业级的Sass代码检查工具
最新发布
gitblog_00089的博客
05-12 280
推荐：Sass Lint——专业级的Sass代码检查工具 项目地址:https://gitcode.com/sasstools/sass-lint 在这个代码质量与效率并重的时代，确保CSS预处理器代码如Sass的整洁和规范变得至关重要。这就是Sass Lint出场的时候了。虽然目前项目处于未维护状态，但其V1版本仍是一个强大的代码风格检查利器。 项目简介 Sass Lint是一款专为Node.j...
前端工程化 | vue3+ts+jsx+sass+eslint+prettier 配置化全流程
艾米栗的代码天地
06-30 1696
前端开发过程中，为了提高开发效率，我们拆分的模块和开发语法和实际运行的代码有很大差异，而为了建立快速开发的工具，我们需要很多插件来辅助。 而如何配置这些插件来提高开发效率，是一个成熟的front-end 应具备的基础素养。
指定版本eslint
qq_45838276的博客
03-15 3337
cnpm i -D eslint@6 注意：这里时指定了版本为6的eslint
前端工具-ESlint
sqLeiQ的博客
12-14 1347
ESLint 是一个开源的 JavaScript 代码检查工具。它可以帮助我们去检查js代码中可能潜在的问题,并且有利于形成良好的编码习惯。无论你是不是初学者都应该尽早去使用它。 1 简介 本文介绍了ESlint的基本使用方法：安装，配置，使用。不涉及具体的开发工具和前端工程。 只要你在使用js写代码就可以按本文介绍的步骤去使用这个强大的工具了。 2 主要内容 •基本介绍•它能做什么•安装及基本使用•规则说明•应用规则 3 基本介绍 ESLint 是一个开源的 JavaScript 代码检.
vue-cli3.0使用及部分配置详解
12-02
以下是关于 Vue CLI 3.0 使用和配置的一些关键知识点： 1. **全局安装 Vue CLI 3.0**： 首先，你需要全局安装 Vue CLI 3.0。在终端中输入以下命令： ``` npm install -g @vue/cli ``` 然后通过 `vue -V` 或 `...
Shangchao-Website：（官网案例）-上朝科技-Vue 2.0-SPA项目
01-31
样式预器（node-sass） 4.5.1 模块打包 2.2.1 自动合成（压缩图片） 3.9.1 构建设置/开发流程 # install dependencies npm install # 国内环境建议使用cnpm install cnpm install # serve with hot reload at ...
vue-spa-wx-shangchao：上朝科技-物业管理系统-微信公众号网站-Vue2.0
01-31
Vue动态修改微信网页标题插件 2.0.4 构建设置/开发流程 请尝试确保本地Nodejs版本> = 7 # install dependencies/拉取项目,在项目路径下执行 # 国内环境建议使用cnpm install npm install cnpm install # *推荐Yarn ...
快速了解vue-cli 3.0 新特性
11-28
6. **Linter / Formatter** - 配置 ESLint 和代码格式化工具，如 Airbnb、Standard 或 Prettier。 7. **Unit Testing** - 添加单元测试框架，如 Jest。 8. **E2E Testing** - 支持端到端测试，如 Cypress。 在创建...
Vue20构建的掘金移动端APP
08-12
Vue2.0构建的掘金移动端APP是一款基于Vue.js框架的移动应用，旨在提供一个高效、易用且功能丰富的阅读平台。Vue.js是尤雨溪开发的轻量级前端JavaScript框架，以其组件化、响应式的数据绑定和简洁的学习曲线而备受...
eslint-plugin-css-modules：项目状态：未维护； 检查您是否正在使用现有的cssscss类
02-05
状态：未维护 我已经开始使用诸如样式组件和情感之类的css-in-js库。 因此，不从事该项目。 eslint-plugin-css-modules 该插件旨在帮助您使用css-modules时追查问题。 它告诉您是在js中使用不存在的css / scss / less类，还是忘记使用在css / scss / less中声明的某些类。 规则 css-modules/no-unused-class ：您必须使用css / scss / less文件中定义的所有类。 如果您仍想将一个类标记为已使用，请在文件顶部使用此注释 /* eslint css-modules/no-unused-cla
node 14.19.0 版本成功解决：安装 node-sass 和 sass-loader 的过程及各 node 版本对应的 node-sass 版本号
热门推荐
狮子座的男孩
05-11 5万+
1、node 版本、node-sass 版本及 sass-loader 版本查看： 其一、我的 node 版本查看： 在命令行输入查询命令：node -v 我的 node 版本为：v14.19.0 其二、我的 node-sass 版本查看："node-sass": "^4.14.1" 其三、我的 sass-loader 版本查看："sass-loader": "^7.3.1" 2、node 版本与 node-sass 版本的对应关系： 其一、查看文档的地址： https://www.npmjs.com
基于 TS 的 React 模板项目，集成 eslint sass，采用 StandardJS 代码风格，包含自动注册组件等各项功能，新建项目或 React 学习必备
FungLeo's Blog
05-15 717
react-typescript-sass-standard-template 项目简介 由于 Create React App 脚手架创建的项目过于简陋，没有集成诸如 eslint 等工具，致使每次在开发 react 项目的时候，就要颇费一番周折。针对这种不便，我搞了这个模板仓库。 仓库地址：https://github.com/fengcms/react-typescript-sass-standard-template 我的构建思想 css 和 js 分离。我很不喜欢在 js 中写 css。所以，我
安装 node-sass 和 sass-loader 的过程及各 node 版本对应的 node-sass 版本号
weixin_64948861的博客
02-27 1万+
其二、有兴趣的话，可以多多关注这个专栏(Vue(Vue2+Vue3)面试必备专栏)：https://blog.csdn.net/weixin_43405300/category_11525646.html?原文链接：https://blog.csdn.net/github_36665118/article/details/127811607。认准对应的node版本号 确定好一个后来回切换sass-loader 版本即可，容错率很高；
2021-06-09
FutureEra的博客
06-09 96
关于 vue scss配置全局变量,一次引入解决子文件使用 eslint报错问题处理 我们都知道 vue cli 创建项目,使用scss,当我们定义一个全局变量时,如果直接在入口文件引入后,想在其他文件或组件去使用,这个时候是是会报错的,如图: 这个时候有两个办法处理,一个是在每一个使用变量的文件都引入一下 变量文件,这个比较麻烦,因为没一个页面甚至组件想要用到某个变量,都需要单独引入变量文件,烦! 另一个方法就是配置vue.config.js(推荐): 安装loader依赖 sass-resource
dart-sass和node-sass的区别与eslint的几个选择
wade3po的博客
06-17 910
今天创建vue3项目，用cli创建的时候出现了css预处理器的选择，node-sass和dart-scss。记得以前都是选择node-sass，他们的区别忘了，重新查了查这两个的区别，发现已经不是之前记忆的区别了。 先说说node-sass，node-sass底层依赖libsass，是C/C++语言开发的。安装问题比较多，随便查一下node-sass安装这个词条就很多（印象中以前都是用这个，没发现安装问题）。另外就是Windows环境使用的时候必须有python2和vs才能编译成功（其实我忘记了有没有这回事
基于sass/scss + typeScript + eslint多html页面webpack配置
sayUonly的博客
09-02 476
工作中有一些单独页面开发，为了节省开发和打包时间，所以稍微研究了一下基于sass/scss的多html页面的webpack配置。 项目包在这里。 初始化项目 通过初始化创建package.json文件。 npm init -y 安装webpack npm i webpack webpack-cli -D 安装后在项目根目录创建webpack的配置文件webpack.config.js。文件配置内容会在后面做说明。 为了简化工作流程，可以安装clean-webpack-plugin，每一次打包都是全新的开
eslint检测时报错
qq_38148024的博客
04-04 4919
配置是这样的： 安装的依赖： "devDependencies": { "@babel/core": "^7.9.0", "@babel/preset-env": "^7.9.0", "autoprefixer": "^9.7.5", "babel-core": "^6.26.3", "babel-eslint": "^10.1.0", "babel...
"Vue2.0相关面试题及CSS单位与计算
Vue 2.0相关面试题主要...以上是一些常见的Vue 2.0面试题及答案，希望能对面试有所帮助。除了Vue相关知识，本文还简要介绍了CSS单位与计算中的一些概念，包括px、em、rem、vw/vh、cm/mm/pt以及半透明和透明的实现方式。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值