技术栈

【Electron】 Vite项目 初始配置 scss

春暖花开.,2024-01-15 14:32

pnpm add -D sass

src下面创建 styles/main.scss 文件

mian.ts 内引入 ./styles.scss 文件

TypeScript 复制代码
import './styles/main.scss'

测试scss是否生效:

styles/mian.scss

css 复制代码
:root{
    --mian:red;
}

App.vue

html 复制代码
<template>
  <div>你好</div>
</template>

<style lang="scss" scoped>
div {
  color: var(--mian);
}
</style>
上一篇:前端常用的数据加密:MD5、SHA、Base64及其实现方式
下一篇:初识Vue框架:简化JavaScript开发
相关推荐
J_liaty
2 分钟前
Vue2 从入门到精通
前端·javascript·vue.js
INF_MAX
5 分钟前
一些不错的页面设计(持续记录)
前端
乔江seven
15 分钟前
LlamaIndex 实现ReAct Agent
前端·python·react.js
私人珍藏库
17 分钟前
Edge v146.0.3856.97 内置篡改猴脚本
前端·edge
Thomas2143
17 分钟前
chrome cdp 三种方案对比
前端·chrome
别叫我->学废了->lol在线等
17 分钟前
claudecode的agent定义
前端·chrome·github
用户80613816659
17 分钟前
SDK(Software Development Kit,软件开发工具包)
前端
张元清
18 分钟前
在 React 中构建沉浸式 Web 应用:全屏、屏幕常亮与系统通知
前端·javascript·面试
王霸天
20 分钟前
💥大屏卡成 PPT?这 3 个性能优化招数亲测有效
前端·vue.js·数据可视化
ahhdfjfdf
21 分钟前
微信H5 页面定位权限处理
前端·javascript
热门推荐
012026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元02GitHub 镜像站点03一周AI热点速览(2026.03.31-04.06):GPT-6曝光、谷歌开源Gemma 4、资本狂飙与模型军备竞赛04GPT-6核心能力解析及与现有主流大模型对比05基于 Docker 部署 Hermes Agent 并接入飞书机器人的完整指南06零成本!Ollama本地部署国产大模型全指南(支持Kimi-K2.5/GLM-5/Qwen,新手秒上手)07AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析08免费!不限量!用opencode接入英伟达(NVIDIA)大模型,轻松打造你的 AI 编程助手09从限购到畅通:GLM-5.1 Coding Plan接入攻略10CodeBuddy与WorkBuddy深度对比:腾讯两款AI工具差异及实操指南