Less使用

Less是一门CSS预处理语言，现在很多项目都会使用less，今天整理下普通文件和Vue文件如何引入less并使用。

1. 普通文件中使用方式

（1）Npm全局安装（或者直接引入）

npm install less –g

（2）新建less文件，执行下面的命令自动编译为css

$ lessc styles.less > styles.css

    每次修改less文件都应该编译一遍，那不是很麻烦，所以要去找插件。Vscode的插件叫Easy LESS，下载安装完成后，在用户设置中设置需要配置的less，分别在用户设置heless语法设置中设置路径代码。

    配置好后每次修改less文件，会生产src/asset/的文件目录，生成css文件

2. Vue项目中使用方式

（1）安装：npm install less less-loader --save-dev

         即通过npm安装less和less-loader，并记录到devDependencies中，因为这是我们在开发中使用的而非在生产中使用，所以就不将之记录在 dependencies 中。

（2）在style中声明lang=“less”，然后直接使用less的语法