vue 安装 scss

article/2025/11/5 10:40:10

安装scss (安装sass-loader node-sass 前者依赖于后者)

        sass-loader:把 sass编译成css

        node-sass:nodejs环境中将sass转css

npm install sass-loader --save-dev
npm install node-sass --sava-dev

        安装指定版本:当由于版本过高报错时,可以指定要安装的版本

npm install sass-loader@7.3.1 --save-dev
# 或者
npm i sass-loader@7.3.1 -D
npm i node-sass@4.14.1 -D

        node-sass与 node 版本不兼容时,如果node版本过高时,最好对node版本进行降级,升级node-sass可能有隐藏风险;如果sass版本过高,可以卸载sass,重新安装指定版本。

升级node问题指路:

记录nvm下node升级的问题_金乌Y的博客-CSDN博客

报错指路:Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错_金乌Y的博客-CSDN博客

        版本对应关系如下图:

        nodes-sass releases地址:https://github.com/sass/node-sass/releases
        nodejs  releases地址:以往的版本 | Node.js

# 降级 node
sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}

# 卸载sass-loader
npm uninstall sass-loader

安装速度很慢时,可以尝试镜像安装

# 1. 安装cnmp
npm install -g cnpm --registry=https://registry.npm.taobao.org# 2. 执行cnpm install
cnpm i sass-loader@7.3.1 -D
cnpm i node-sass@4.14.1 -D

题外话:

# 1. 删除npm代理模式
npm config delete proxy
npm config delete https-proxy# 2. 切换镜像源# 全局切换镜像源:npm config set registry https://registry.npm.taobao.org# 查看镜像源使用状态:npm get registry# 全局切换官方镜像源:npm config set registry https://registry.npmjs.org# 3. 管理镜像源# 3.1 安装nrmnpm install -g nrm# 3.2 查看镜像源列表nrm ls########## 以下为列表
* npm -------- https://registry.npmjs.org/yarn ------- https://registry.yarnpkg.com/cnpm ------- http://r.cnpmjs.org/taobao ----- https://registry.npm.taobao.org/nj --------- https://registry.nodejitsu.com/npmMirror -- https://skimdb.npmjs.com/registry/edunpm ----- http://registry.enpmjs.org/
########## 3.3 切换镜像源nrm use taobao# 3.4 获取当前使用的镜像源npm get registry


http://chatgpt.dhexx.cn/article/6cCmRfse.shtml

相关文章

scss、sass 和 css 的区别

项目中,会经常使用诸如scss、sass的style样式,它们和css有什么区别呢? less大家应该都不陌生,同样的scss、sass一样,它们都可以称为:CSS预处理器语言。 简单来说,scss和sass的区别,就…

Scss 基本使用(变量、嵌套)

1. Scss 简介 Sass (Syntactically Awesome Stylesheets) 是一种动态样式语言,Sass 语法属于缩排语法,比 css 比多出好些功能 (如:变量、嵌套、运算,混入(Mixin)、继承、颜色处理,函数等),更容易阅读。 Sass 的缩排语…

sass与scss的区别

用了很久css预编译器,但是一直不太清楚到底用的sass还是scss,直到有天被问住了有点尴尬,找了个教程撸了遍。。。 异同:简言之可以理解scss是sass的一个升级版本,完全兼容sass之前的功能,又有了些新增能力。…

SCSS的基本用法-入门篇

文章目录 前言一、什么是Sass二、SASS 和 SCSS 的区别三、Scss的基本语法1、声明变量 $2、默认变量 !default3、变量调用4、局部变量和全局变量5、嵌套5.1、选择器嵌套5.2、属性嵌套5.3、伪类嵌套 6、混合宏6.1、声明6.1.1、不带参数混合宏6.1.2、带参数混合宏 6.2、调用6.3、混…

Sass 和 SCSS

▣Sass (Syntactically Awesome StyleSheets),是由buby语言编写的一款css预处理语言,和html一样有严格的缩进风格,和css编写规范有着很大的出入,是不使用花括号和分号的,所以不被广为接受。 Sass 是一款强化 CSS 的辅助…

scss的基本使用

文章目录 SCSS-了解和基本使用sass、scss、less、css的区别 SCSS-基本语法1. 嵌套语法2. 变量3. 父选择器 &4. 混合 mixins5. 模块 SCSS-了解和基本使用 总结一些scss基本使用 具体详情请看官网 sass、scss、less、css的区别 less, sass, scss都是css预处理语言&#xf…

scss理解及用法

1.scss是什么 scss是css的一种预处理语言 scss是一门很好用的类css,在现实中的工作当中几乎都是不采用css的,而是使用类css语言。 例如:scss、less、stylus等,所以学习一门css语言是必须得,由于我用的比较多的就是scss…

程序员那些你不知道的事:高收入程序员年薪高于50万,近四成程序员单身

本文转自:人民网 原文地址:《互联网从业者生活品质报告》发布:近四成程序员单身--IT--人民网 人民网北京10月24日(记者毕磊)10月23日,《互联网从业者生活品质报告》。据悉,该报告是基于挖财记…

程序员年薪30万,被准丈母娘各种刁难,网友说:分手吧!

这是一个很现实的社会,你没钱没车没房,很可能连老婆都讨不到,即使你收入不错潜力很大,但如果手头拿不出车房,丈母娘很可能一句话就把你怼得无话可说:没车没房我女儿跟你喝西北风? 这也是一名女…

python大神年薪_我程序员年薪 80 万被亲戚鄙视不如在二本教书的博士生?

但是毕业后,在父母辈的眼里似乎只有公务员、律师、教师这三大铁饭碗是他们心中的最佳职业,我第一次跟我妈说我从事的是IT行业程序员,她回答道:那是修电脑的吗?然后程序员行业被外界吐槽似乎司空见惯了,今日…

八年跳槽五次,程序员年薪4万变92万,引热议

本文转载自 程序员编程社区 很多时候,虽然跳槽可能带来降薪的结果,但依然有很多人认为跳槽可以涨薪。近日,看到一则帖子,发帖的楼主表示,自己8年5跳,年薪4万到92万,现在环沪上海各一套房&#…

2020年程序员年薪、婚恋、跳槽等报告出炉,说的是你吗?

黑马程序员 微信号:heiniu526 传智播客旗下互联网资讯,学习资源免费分享平台 程序员一直都是一个备受人们关注的群体,随着互联网的飞速发展,市场对程序员的需求尤为庞大。但是2020年,因为疫情影响,许多企业…

滴滴程序员年薪80万却被亲戚鄙视:钱多有啥用,我儿子二本大学教师

作者:胡多钱 From:程序员小乐 正文 说到教师和程序员这两个职业来说,很多人都会偏向于教师,毕竟从长远角度看,不管是地位还是工作稳定性来说,教师更加有优势,如果让你从程序员年薪80万和教师15…

程序员年薪45万,国企年薪20万,该不该跳槽去国企?

现如今很多在互联网的程序员,其实都是比较向往去国企的,尤其是那种年龄超过35岁的程序员,他们追求的可能不是高收入,而且稳定的工作以及能有时间陪家人。毕竟这些程序员打拼多年,多少都有一点身价了。 近日&#xff0c…

年薪100万和10万程序员的差距

点击蓝字关注,回复“职场进阶”获取职场进阶精品资料一份 我们看武侠大片,经常有那种本来可以练就绝世武功的大虾。 阴差阳错练的走火入魔。 一开始还可以硬撑,还能打败一些虾兵蟹将。 遇见真正的高手,这些大虾们立马就败下阵来。…

Github上Python超越Java,应届人工智能程序员年薪30w+

GitHub 2017年年度报告发布:有70万来自中国的新用户加入,占据Github新人总数70%。Python超越Java成为第二最受欢迎的语言,TensorFlow依然是最受欢迎的深度学习库。 人世间,流浪人归,亦若回流川 《深夜食堂2》 Python…

腾讯计算机编程本科年薪,腾讯程序员年薪80万,却感慨:天花板太低,想放弃工作去读研!...

有句话说得好,人往高处走,水往低处流。很多进入职场工作的年轻人,都希望自己能够发挥个人的能力,得到上级领导的肯定也好,或者得到了同事的支持也好。无非就是希望自己能够晋升或者加薪。毕竟在工作的时候谁不是为了能…

甲骨文华育兴业|【大数据调查】80%的程序员年薪都在10万以上,三分之一的人年薪20万以上

看了上面文章的小伙伴 如果感到不舒适 那么请看看这篇文章 非常适合你找准方向 你们印象中程序员是什么样?他们的实际生活状态怎样?针对中国程序员薪资生存现状做了一项调查,大数据让你更懂程序员。(以下数据都来自程序员客栈&…

为什么哪些90后程序员年薪50万+,他们经历了啥?

如果说薪资是检验一家公司对你认可的标准,那么年纪轻轻就能达到年薪 50 万,一定程度上说明了公司对他创造的价值的认可。 小编深访了10 名这样的程序员,把他们最常见的三种成长途径梳理了出来 在一家公司的初期加入,并伴随着自己的…