DAY 05 实作环境配置 - 2

安装套件

Visual Studio Code 上有很多方便编写程序的扩充套件,能让我们在使用上更加方便快速,本篇介绍的 sass 当然也有套件~

在扩充套件中,可以下载 Sass 这款,来帮助检查程序码的lint

Untitled

如果你有开启 lint on save 的功能,在你储存後 vscode 就会帮你整理好没写好的格式;如果你不小心在 sass file 中写成 scss ,他也会帮你把 {} ; 等符号移除。

但是如果!你真的也不想这麽麻烦的新增一个专案去做练习,也可以用 codepen 或是 codesandbox 的方式来简单的实作练习~

Untitled

codepen 中,针对 CSS 可以去选择各种 CSS 预选器,其中就有 SCSS, SASS 可以选择

Untitled

codesandbox 中,在 Dependencies 的部分也可以去添加 sass 的相关套件,档案上也能直接新增 sass, scss files

以上的这些方法也可以来跟进接下来的练习与实作,所以选择用什麽工具来学习就取决於大家罗~


除此之外,也欢迎大家走走逛逛关於我们团队夥伴的文章

lu23770127 - SASS 基础初学三十天

10u1 - 糟了!是世界奇观!

juck30808 - Python - 数位行销分析与 Youtube API 教学

HLD - 浅谈物件导向与Design Pattern介绍

SiQing47 - 前端?後端?你早晚都要全端的,何不从现在开始?


<<:  机械影像知识库教学

>>:  IT 铁人赛 k8s 入门30天 -- day6 主要 Kubectl 指令 - K8s CLI

从零开始的8-bit迷宫探险【Level 13】主角总是孤独的

「呀!呀!」一只乌鸦飞了过去,因为视线不明,让移动的黑影更加引人遐想。 在这诺大的森林里,就只有山...

Kotlin Android 第3天,从 0 到 ML - 基本语法和基本型态

前言: 简单介绍 kotlin的基本语法和基本型态。 大纲: 变数宣告 变数名称 : 变数型态 = ...

Day6一个网站总需要一点首页吧!

延续昨天 今天从首页开始下手 我的首页想放入科内同仁的文章(类似ptt部落格的感觉) 跟之前一样去v...

JavaScript Day29 - other

JSON 转换 虽然有时例子会提到,但似乎没特别提出来说明 JSON.stringify():将物件...