前端之Sass和Less介绍与安装(VScode)
在代码编译软件VScode中我们该如何利用Sass和Less且听我来说。
- 介绍
- 在VScode中的应用
1.介绍
Sass和Less都为Css预处理器,Css预处理器定义了一种新的语言,即用一种专门的编程语言为CSS增加一些编程的特性,如:变量、语句、函数、继承等概念。将CSS作为目标生成文件,然后开发者可以使用这种语言进行编码工作。
Less官网:https://lesscss.org/
Sass官网:https://sass-lang.com/
2.在VScode中的应用
安装:
在VScode中安装less和sacc插件,首先点击1号位置,在2号位置输入Easy字样会出现3号字样的Easy LESS和Easy Sass的插件,右边点击安装按钮即可安装成功。
牛刀小试:
新建less文件保存后会自动生成css文件,新建sacc文件保存后会自动生成css文件和min.css文件,内容几乎一致,如下图所示:
注意:因为代码一直都在更新,sass最新版本已经叫做scss所以sass和scss是一样的效果,我们编写代码时最好与时俱进。
好了,关于Sass和Less是什么以及VScode如何安装Sass和Less插件的问题已经解决了,具体实战有什么问题的小伙伴可留言或者私信,看到一定帮您解决,我们别的文章再见。