vue3之vite创建h5项目之2 （sass公共样式、声明组件、路由配置和layout组件 ）
1-2 vite.config.ts 引入公共样式方式21-3样式文件1-3-1 src / style / index.scss ( 适配iphonex等还有引入其他公共的样式 )1-3-2 src / style / mixin.scss （ 公共样式方法抽离 ）1-3-3 src / sty
node-sass是什么
是一种CSS预处理器，它扩展了CSS的功能并提供了更强大的样式表语言。Sass允许开发人员使用变量、嵌套规则、混合（Mixins）、继承等高级功能来编写更简洁、可维护的样式代码。Sass有两种语法格式：Sass（使用缩进）和SCSS（使用大括号和分号）。Sass语法更加简洁，没有大括号和分号，而SC
[plugin:vite:css] [sass] Undefined mixin.
scss报错： [plugin:vite:css] [sass] Undefined mixin.前言： vite + vue3 + TypeScript环境。在vite.config.ts文件添加配置。
node-sass与node版本映射
项目中 node-sass 版本为4.x，本地node为14，但是服务器安装的node版本是 16，要求node-sass版本为 6.x，更换node即可。版本不匹配，比如在node16上面安装node-sass 4.x，那么就可能会报以下错误。
sass安装步骤、概述、基本语法等
上面我们学习到，变量可以保存css的值，但是我们不可以直接使用变量名作为选择器的名字，如果想要在CSS中使用SASS变量，就需要用#{ }包裹变量名，才可以使用，否则会报错。比如企业需要设置主题色，比如京东红，假设改版时需要将企业色更换，这时只需要改一个颜色的变量值就可以改掉全局的颜色，无需大量更改
挖坑记录：vite使用sass 报错：[plugin:vite:css] expected “；“.
vite 使用 sass 报错
node版本与node-sass版本兼容
node版本与node-sass版本兼容
Node Sass version 8.0.0 is incompatible with ^4.0.0.
解决办法：降低node版本，下载对应node版本的npm install sass-loader@版本号 node-sass@版本号 --save-dev。
解决node升级到18版本node-sass安装问题
删除项目的package.json.lock和yarn.lock这两个文件，最好是node_modules文件夹也删除，免得有缓存，然后再npm install或yarn 重新安装一遍。基本就这样就跑起来了，可能还会遇到其他包版本不对的问题，需要更加报错信息进行一一升级。
FullCalendar 日历插件排班表排课表保姆级详解(可拖动排班排课)
闲来无事搞个排班排课表，之前貌似遇到过这类的需求，只不过没做上。主要用的就是FullCalendar插件。基于vue框架写法。基本的功能可以新建个日程看看样式，可以拖拽日程进去。提示：以下是本篇文章正文内容，下面案例可供参考以上就是实现简易排班排课表的雏形啦，复杂的功能还是要基于数据啦，静态只是看看
’sass_binary_site‘ is not a valid npm option问题的产生原因及解决办法
'sass_binary_site' is not a valid npm option问题的产生原因及解决办法
node 更新版本16 node-sass sass-loader 对应的版本号
node 16版本对应的node-sass sass-loader各个版本号
浅比一下，Less和Sass的区别
LessLess 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合(mixin)、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。SassSass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (var
node-sass安装失败解决方法，终有一款适合我们
项目中常常遇到node-sass安装失败，动不动就是报各种错误。以前我一次也没有失败过，自从系统重装我的天呀，node-sass就没有成功过，我能做的node卸载，sass重装各种版，以及换了淘宝镜像和用了vpn都安装失败。我也是无语，今天没事特意搜搜了看，一次复制了别人的文章进行总结，可以尝试一下
node-sass版本不兼容问题（已解决）
node-sass版本不兼容,快速解决方法
less和sass的区别[简洁易懂]
less和sass的区别简洁易懂
解决 npm ERR! node-sass 和 gyp ERR! node-gyp 报错问题
node-sass报错解决方法
LESS 和 SCSS 的区别
LESS 和 SCSS 的区别相同点：1. LESS和SCSS都是css的预处理器，可以拥有变量，运算，继承，嵌套的功能，使用两者可以使代码更加的便于阅读和维护。2. 都可以通过自带的插件，转成相对应的css文件。3. 都可以参数混入，可以传递参数的class，就像函数一样4. 嵌套的规则相同，都是
node版本与node-sass版本不兼容时问题解决
node版本与node-sass版本不兼容时问题解决
node-sass安装报错及其解决方案
一、下载依赖报错这里报错了也就没后面的剧情了，就像电视剧刚开局主角就嗝屁了，看看执行 npm i 的时候报错类容：二、解决方案1、下载源在国外，更换中国镜像源，删除package.json中的node-sass,分别下载node包和node-sass的依赖包1 //更换淘宝镜像源 2 npm con
