认识less和webstrom的less配置方法-创新互联

今天完成的事情：

首先第一件事情是，整理一下常用的颜色摄取

#F1F1F1 google的设置页面的body的背景颜色

#FFF 为google的内容块的背景颜色

另外就是学习test11中提到的less

一。跳出less和sass的战斗。网上一大堆的互相撕逼，看来各有春秋啊！但是对我这菜鸟的人说，我不管它们的得失。我只管知道预处理是一个好主意，管它是那种。

都是为了偷懒，不就是要让css更加自能化吗！

在知乎上有位“海皮飞”的博主提出了如下场景。

1. 要做各种内核都兼容的圆角效果，这个CSS效果是有固定模版的，那每个用到圆角的地方都复制一遍同样的代码的话，那如果圆角有一天都要改得更加圆一些怎么办？这个时候是不是可以把这些模版封装起来会比较好？

2. 网站每个地方都要用同一种红色怎么办？ 是要`#E7253D...#E7253D...#E7253D...#E7253D`，还是要`$red: #E7253D; $red...$red...$red`

一位实际开发的博主给出的看法是less可以方便模块化和调用。

但是就算不用看，也知道要编译，那么对一个项目来说是增加额外的花销。

正题：

怎么使用less开发呢？

客户端运行Less分为两种情况：

第一种方式是直接在html页面引用.less文件，然后借助less.js去编译less文件动态生成css样式而存在于当前页面，这种方式适用于开发模式。

第二种方式是我们首先写好.less文件的语法，然后借助工具生成对应的.css文件，然后客户端直接引用.css文件即可。比如我们常用的bootstrap.css就是通过工具编译而成，这种方式更适合运行环境。

截图出自知乎

一。开发模式下使用Less

还真多人不提倡引入js文件。

不过也要说一下

1.搭建less环境

引入脚本less.js.

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。