vue 项目 使用sass

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

新建VUE项目使用了sass，安装时候就出错辽，
在这里插入图片描述
所以项目跑起来时候也出错了。
在这里插入图片描述
解决办法：使用cnpm淘宝镜像自己安装sass。。。。

$ npm install -g cnpm --registry=https://registry.npm.taobao.org （安装淘宝镜像）
$ cnpm install node-sass --save （使用淘宝镜像安装node-sass）

再run一遍问题解决
在这里插入图片描述

404BAI
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Sass在Vue项目中的使用
Carol的小星球
07-08 586
简介 Sass 是一个 CSS 预处理器。 Sass 是 CSS 扩展语言，可以帮助我们减少 CSS 重复的代码，节省开发时间。 Sass 完全兼容所有版本的 CSS。 Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承、内置函数等等特性。 Sass 生成良好格式化的 CSS 代码，易于组织和维护。 Sass 文件后缀为 .scss。 安装 1. 安装依赖包 vue的webpack项目中需要安装上node-sass、sass-loader和style-loader npm install --
在vue项目中使用sass的配置方法
08-27
在 Vue 项目中使用 Sass 的配置方法 在 Vue 项目中使用 Sass 需要进行一些配置，以下是详细的配置步骤。 第一步：创建新项目 首先，我们需要创建一个基于 Webpack 模板的新项目。我们可以使用 Vue CLI 来创建项目...
Vue项目下使用Sass
lyqhn2012的专栏
12-22 767
优势Sass是CSS预编译器，使CSS编写简单，容易维护，从而大大节省开发时间。Sass目前全面兼容CSS 环境node v8.9.1 npm v5.6.0 Vue.js v2.x webpack v3.10.0' 安装sass的依赖包$ npm install --save-dev sass-loader$ npm install --save-dev node-sassnpm install -
2024年前端最全Vue3中使用Sass详解(1)，2024年最新字节跳动前端岗位面试分享
最新发布
2401_84616838的博客
05-12 1049
前端字节跳动真题解析开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】如果是新建项目，也可以直接将下列代码全部复制到package.json中然后使用命令安装相关包：“name”: “vue3-test”, //包名，自己修改为自己的项目名},},},“env”: {},],},},“> 1%”,“not dead”ES6列举常用的ES6特性：箭头函数需要注意哪些地方？拓展：var方式定义的变量有什么样的bug？Set数据结构拓展：数组去重的方法。
vue项目使用Sass
风吹年年的博客
12-28 3289
Sass (英文全称：Syntactically Awesome Stylesheets) 是一个最初由 Hampton Catlin 设计并由 Natalie Weizenbaum 开发的层叠样式表语言。 安装 npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass 在build文件夹下的webpack.base.conf.js的rules里面添加配置 // 如果你是..
vue项目中如何使用sass
sally18的博客
08-23 4614
一，安装 1) 使用淘宝镜像安装 cnpm i sass-loader@7.3.1--save-dev cnpm i node-sass@4.14.1--save-dev 2) 找到build文件夹，在文件夹里面的 webpack.base.conf.js 文件下修改配置： 在module下的rules里天添加配置： 3）.vue 文件中使用 二，sass用法指南 ...
详解如何在vue中使用sass
08-30
在本篇文章中，我们将详细介绍如何在Vue项目中使用sass，从安装sass依赖包到配置sass语法，最后实现使用sass编写样式文件。以下是我们将要涵盖的知识点： 1. 安装sass依赖包 在使用sass之前，我们需要安装sass的...
在vue项目中使用sass语法问题
01-21
Sass（英文全称：Syntactically Awesome Stylesheets）是一个最初由Hampton Catlin设计并由Natalie ...尝试在项目中使用sass语法 运行后发现果不其然报错了 在使用scss之前，我们首先需要安装相关的插件 npm insta
vue2项目使用sass的示例代码
08-30
Vue2 项目使用 SASS 的示例代码 在本文中，我们将学习如何在 Vue2 项目中使用 SASS 预处理器来编写 CSS 样式。SASS 是一种功能强大的 CSS 预处理器，可以帮助我们更好地编写和管理 CSS 代码。 首先，我们需要在...
如何在vue项目中使用sass
修炼中的小妖怪
02-12 398
1、在创建好的vue项目基础下，打开当前项目里的命令行，安装sass依赖，实例如下： npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass 2、在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /...
vue项目中使用scss的方法步骤
10-16
主要介绍了vue项目中使用scss的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue项目使用Sass（scss）
weixin_43697548的博客
04-25 8468
vue项目使用Sass（scss）
Vue项目中使用 sass
啊BEN999
01-13 195
1. 安装处理sass的loader和node-sass cnpm install -D sass-loader node-sass 查看package.json 2.在<style>中使用sass <style lang=”scss” scoped > <h1> 文字变成红色  ...
vue项目中使用sass
snow_cake的博客
05-08 468
1、安装sass相关依赖 npm install node-sass --save-dev npm install sass-loader --save-dev 将sass模块安装到项目目录下，并在package文件的devDependencies节点写入依赖。 2、添加webpack配置 找到build文件加下的webpack.base.conf.js中的rules添加loader { ...
vue项目中使用scss
weixin_45665171的博客
03-29 1万+
vue项目中安装、引入、使用scss
Vue项目使用sass及注意事项
曹定栓的博客
10-14 255
Vue项目使用scss及注意事项如何使用安装配置使用注意事项Module build failed: TypeError: this.getResolve is not a function（sass版本过高问题）UnhandledPromiseRejectionWarning: CssSyntaxError 如何使用 安装 注：建议使用淘宝镜像(cnpm)：查看文档 cnpm i -D sass...
vue2.0项目中使用sass(含sass基础用法示例)
热门推荐
李大人的博客
02-21 5万+
Sass是一种CSS扩展语言，目前广泛地应用到web项目开发中，使用sass可以用更少的代码去实现CSS同样的样式效果，在书写上也更为简洁，其原理是通过一定的规则转化为对应的CSS样式，可以说是样式中的“高级语言”。Sass在日常的开发中，是需要通过转换工具转成CSS再引入到HTML文件中，然而，在vue的webpack项目模板中，引入解释sass文件的loader，即可使用sass。本文将展示v...
vite vue3项目使用sass
09-22
在Vite Vue3项目中使用Sass，可以通过以下几个步骤来配置： 1. 首先，在项目的根目录下，通过命令行安装sass依赖： ``` npm install sass --save-dev ``` 2. 然后，在Vite的配置文件`vite.config.js`中，添加对...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值