在html文件中如何使用less语言来编写css代码

这里介绍两种简便方法仅用于练习。

方法一：

1，先在vscode安装插件，Easy less

2，按照如下操作，在css文件夹中编写demo.less文件，保存后会自动生成demo.css文件，在demo.html文件中引用demo.css文件

3，运行demo.html文件

方法二：

1，首先先下载，

下载less

2，把less.js文件放到你的项目中

 

3，创建less文件夹，编写demo2.less文件保存后会自动生成demo2.css文件

4，在demo2.html文件中  引入less.js文件和引入刚写好的demo2.less文件如下图：

5，浏览器打开看效果

以上就是做练习使用less的两种简便方法，平时做练习是非常好用的。另外在项目中使用less，可以用npm安装，也可以下载文件引用，也可以用第三方工具等方法。