20
2020
02

搭建 Less 服务器端编译环境 - 重点&乱点 Less 编译器实际上是由 Javascript 编写的

(1). 安装独立的 JS 解释器 - node.exe


查看是否安装成功在命令行中执行 node -v 显示其安装版本如: 4.4.7


(2). 安装 Less 编译器程序 (npm安装包解压即可)


确保C:\npm\node_modules\less\bin\lessc文件存在即可


(3). 将less文件转为css文件(必须要是UTF-8格式,WS里面要设置)


①. 第一种方法:在控制台中 测试 less 转换为 css


输入 :node  C:\npm\node_modules\less\bin\lessc  E:\xx.less =>E:\xx.css


以上命令行的路径可更改,必须与文件路径一致即可,执行成功后,E盘会多出一个xx.css文件


②. 第二种方法:在 WebStrorm 中 配置 FileWatchers(文件监视器),由 WS 自动检测 less 文件的编写与更改,自动进行编译得到 css 文件


配置 FileWatchers


WS =>File => Settings => Toos => FileWatchers => 添加 选择 Less =>在”program”里面 指定lessc.cmd 文件地址即可


在编译好的文件里敲两个空格,保存,编译好的css文件就会在less文件目录下

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。