【前端之Sass和Less介绍与安装（VScode）】

前端之Sass和Less介绍与安装（VScode）

在代码编译软件VScode中我们该如何利用Sass和Less且听我来说。

1. 介绍
2. 在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插件的问题已经解决了，具体实战有什么问题的小伙伴可留言或者私信，看到一定帮您解决，我们别的文章再见。