×

Ruby教程

笔记:关于SCSS的使用(scss如何使用)

Monkey Monkey 发表于2024-05-30 浏览5665 评论0
安装scss 具体方法流程可以打开sass网站安装流程查看。 咱这就简单的说一下。 1.首先要使用scss是需要安装Ruby 安装完成后需测试安装有没有成功,运行CMD输入以下命令: ruby -v //如安装成功会打印 ruby 2.6.4p104 (2019-08-28 revision 67798) [x64-mingw32] 安装失败或者网络故障之类的可以参考Sass网站说明。 2.Ruby自带一个叫做RubyGems的系统,用来安装基于Ruby的软件。我们可以使用这个系统

Ruby教程

SASS 和 SCSS 的区别(sass和scss的区别)

晓程云计算 晓程云计算 发表于2024-05-28 浏览4089 评论0
原文 Difference Between SASS and SCSS SASS(Syntactically Awesome Style Sheets)是一种由 Hampton Catlin 设计、Chris Eppstein 和 Natalie Weizenbaum 开发的样式表语言。 它是一种预处理器脚本语言,将被编译或解释为 CSS。 Sass Script 本身就是一种脚本语言。 它的 typing 规则是动态的。 SCSS 通常被称为 Sassy CSS,它是作为 SASS(S

Ruby教程

vue3.0安装sass(scss)以及报错解决(vue sass报错)

。 发表于2024-05-27 浏览6034 评论0
本篇文章主要记录了笔者安装sass的过程 1.安装ruby 首先在官网中下载 https://rubyinstaller.org/downloads/ 下载之后进行安装 在安装过程中,要记得勾选添加环境变量的选项,其他的就是一直next就可以了 安装完成之后可以在终端输入ruby -v 查看是否安装成功 2.安装sass(scss) 之后cd到项目的目录下 进行sass的安装 npm install sass-loader@7.3.1 --save-dev npm insta

Ruby教程

SASS/SCSS安装与webstorm的SASS/SCSS的环境配置

独角兽 独角兽 发表于2024-05-27 浏览3755 评论0
sass的安装 Ruby环境 sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby。(注:mac下自带Ruby无需在安装Ruby!) window下安装SASS首先需要安装Ruby,先从官网下载Ruby并安装。安装过程中请注意勾选Add Ruby executables to your PATH添加到系统 安装完成后需测试安装有没有成功,运行CMD输入以下命令 ruby -v //如安装成功会打印 ruby 2.6.4p104 (2019-08-28 revision

html

CSS:实现动态流光线条效果/动态流光线条颜色渐变效果(css3线条流动动画)

莫兮`2 莫兮`2 发表于2024-05-25 浏览8532 评论0
需求描述: 需要实现类似下图中的动态流光线条效果: 思路: 提到这种动态绘制矢量图形的需求,一般会想到使用canvas;由于笔者不太熟悉canvas动画也可以考虑用CSS来实现,这里先记录使用CSS实现此效果的尝试过程: ①实现一条带有静态“流光”效果的边,参考CSS渐变背景; ②实现静态线条的“流光”动画效果,参考纯CSS实现背景颜色渐变动画; ③将以上步骤得到的流光边进行旋转(参考CSS-rotate)、镜像翻转(参考CSS水平翻转和垂直翻转),即可实现与此边同向和逆向的其他流光边

vue.js

Vue3快速搭建后台管理系统(vue 管理系统开源项目)

田小会 田小会 发表于2024-05-22 浏览7982 评论0
前言 视频讲解为 B 站UP主:混吃等死的咸鱼仔视频链接 一、使用 vue3 1.创建项目 1.创建空白目录 2.cmd 输入 vue ui 3.在界面中创建项目 创建-输入目录地址-再次创建-起一个名字-手动配置-勾选 Router、VueX、CSS Pre-processors、使用配置文件 - 使用vue 3x、Sass/SCSS (with dart-sass)、ESLint + Standard config - 再次创建 -不保存预设 4.安装依赖 axions

typescript

uniapp+vue3+typescript+vite创建项目(超详细)

AP图网站美工游戏技术 AP图网站美工游戏技术 发表于2024-05-22 浏览6281 评论0
每天都要尝试些新的东西! 目前,uniapp在App/H5/小程序全平台都已支持了Vue 3.0+typescript开发,并且全平台支持Vite编译器。HBuilderX 3.3.0+版本也已支持了vue3和vite。 从创建项目到使用组件库,再到页面的过程呈现一下。 1.创建项目(大神一般都用命令创建吧,哈哈哈) 更多内容可查看uni-app官网https://uniapp.dcloud.net.cn/quickstart-hx.html (1)安装vue-cli

vue.js

vue项目安装scss(vue项目安装elementui)

1919481173 1919481173 发表于2024-05-17 浏览10273 评论0
第一种方式: 关闭npm的https(取消npm的https认证),一次安装失败进行第二次安装,速度可能有点慢,但是不影响。 npm config set strict-ssl false 然后安装 npm i sass-loader@7.3.1 -D npm i node-sass@4.14.1 -D 第二种方式: npm的常规配置修改,降低版本实现兼容安装。 .npmrc配置 这里配置是为了加快下载依赖速度。 proxy=null https-proxy=null pr

html5教程

【HTML】ts/typescript/倒计时/计时器/图片切换/音乐播放/button的运用/setInterval()函数/clearInterval()

水木年华 水木年华 发表于2024-05-12 浏览5957 评论0
这是一个图片切换,音乐播放器,倒计时,计时器,多重的html,主要是有数据绑定,属性绑定,事件绑定,音乐的加载播放和暂停,倒计时的开始和暂停,图片的变换 button按键的运用 代码如下;效果图在最下面 app.component.html <!--app.component.html--> <h1>羊村人物图鉴</h1> <hr> <div class="flex-container"> <app-comp

css3

scss安装入门到使用高级语法(scss常用语法)

AsO AsO 发表于2024-05-10 浏览5420 评论0
一.sass的基本概念 sass是css的"预处理器", 一门专门的css编程语言 增加了变量, 函数, 计算, 嵌套关系等用法,让css编写更简洁, 清晰. 二. scss的安装步骤 首先查询一下是否已经安装过sass, 在cmd中输入sass -v 或者 sass --version sass -v sass --version 使用上面任意一个命令,出现以下几种情况都是已经安装好了 1.52.1 complied with dart2js 2.17.1 ruby 1.52

Ruby教程

Extjs 4中使用compass编译Sass(.scss文件)为CSS文件各种报错的最终解决

Li Li 发表于2024-05-01 浏览3355 评论0
ruby必须安装具有开发包devkit的对应系统位数的installer安装包,否则后面安装一些工具可能出问题(比如Sass和Compass不能正常安装);ruby的使用(为了使用Compass和sass),Ruby控制台中使用路径时不能为中文,否则会报错路径有ANSI字符;compass用于编译.scss文件(sass文件)为.css文件。 我在Extjs 4中使用compass编译sass文件时遇到了一系列错误: 首先,使用Compass编译sass文件为CSS文件时,报错: error