首页 > 本地静态页面使用less

本地静态页面使用less

本地静态页面能否使用less?如果能怎么使用?
less官网上说:请在服务器环境下使用!本地直接打开可能会报错!
如何解决这一问题?


我今天也遇到了这个问题,自己搭载一个wamp(php环境),就可以用了


也可以利用npm的http-server,简单轻巧!!


你要编译成css文件,再使用,当然不能直接使用less, 它说在服务器环境应该是指在服务端生成css文件


两张图来解释下官方的意思

图1,指的是“本地直接打开”,报错

图2,指的是“服务器环境下使用”,正常


图1


图2

解决方法:

将本地安装服务器环境,像图2那样的打开方式

服务器推荐 Nginx、Apache、Tomcat(java)、Lamp或Wamp(php) 使用方法和介绍去 Google 吧

对了,服务器还有楼下所说的 IIS ,如果是 Windows 会方便些


less官网上说:请在服务器环境下使用!本地直接打开可能会报错!

这里说的服务器环境,并不一定是在线的服务器,你也可以在本地搭建一个服务器环境,如果你是用的是windows7系统,简单的运用它自带的IIS就可以搭建本地服务器环境,详细搭建过程可以参考:http://jingyan.baidu.com/article/5553...

你也可以搭建一个PHP的服务器环境,不推荐那种复杂的安装过程,我推荐用PHP运行环境一键安装包,详细搭建方法如下:http://www.chinaz.com/free/2010/0319/...

我个人常用的PHP环境安装包是AppServ,功能强大易用;


使用LESS有两种途径。

1、在服务把less转换为css,这是推荐做法。
2、在网页端,通过加载一个 less js库,实现转换。

<script src="less.js" type="text/javascript"></script>

查阅:http://lesscss.org/#usage

【热门文章】
【热门文章】