第九区

一个程序员的经验笔记

Windows环境下安装LESSCSS并完成netbeans配置

| 暂无评论

LESSCSS是一种动态样式语言,属于CSS预处理语言的一种,用它,我们就可以象写动态语言那样写CSS了。

LECSSCSS已经受到了广泛的支持,用LESSCSS完成代码后,有多种方式可以调用它,比如,直接用less.js在客户端完成渲染,也可以用Yii2等框架来把它转为css,LESSCSS官方也提供了桌面版的转换程序,我们可以用netbeans方便地进行调用。

LESSCSS官方提供的程序是基于nodejs,通过npm进行安装的,所以,我们要先安装node.js。

一、下载和安装node.js

访问网址https://nodejs.org/en/download/,下载对应版本软件,执行安装。

二、安装LESSCSS程序

执行cmd窗口命令,到达nodejs的安装目录如c:\program files\nodejs,执行命令:

npm install -g less

三、在netbeans中配置less

打开netbeans,点击菜单工具-选项-其他,输入安装好的lessc.cmd程序位置:

netbeans配置LESSCSS

四、在项目中指定less源文件夹和输出文件夹:

最后,我们要为每个网站项目指定它的less源文件夹和输出文件夹,源文件夹和输出文件夹可以有多个。

右键单击项目名称,选择属性,在打开的窗口中选择css预处理程序,点击less标签,然后输入相应的文件夹:

lesscss项目配置

这样,配置就完成了,偿试在/less文件夹中写入一个测试的less文件,单击保存,css文件夹中就出现了一个同名的css文件,配置成功。

发表评论

*为必填字段!