node编译less
① 怎样用node.js编译less文件
文件位于 E:\Code\VS2013\BootstrapDemo\LessDemo\Less\test.less。 启动node.js控制台,进入test.less文件所在的目录,输入lessc test.less > test.css命令,less文件就会被编译成css文件
② 如何用sublimeText3编写less并用Nodejs自动编译成css
1、安装Sublime 插件
(1)安装LESS插件:
因为Sublime不支持Less语法高亮,
所以,先安装这个插件,
方法1: ctrl+shift+p>install Package>输入less按Enter
方法2:直接下载后 解压文件 放到插件文件夹下(首选项-浏览插件 打开文件夹)
下载地址:https://github.com/danro/LESS-sublime
(2)安装LESS2CSS插件:
less2css的读音 其实就是less to css
这个插件的作用是
当保存less文件的时候自动生成同名的css文件;
当保存less文件的时候提示编译错误信息;
批量编译项目目录下的所有less文件为css文件。
安装:
方法1:ctrl+shift+p>install Package>输入less2css按Enter
方法2:直接下载:https://github.com/timdouglas/sublime-less2css
解压文件 放到插件文件夹下
但是我们还要让sublime支持less并自动编译,所以还需以下步骤:
2、安装Node.js
首先先配置一下环境,
less需要nodejs支持,
所以我们先要安装一下nodejs
到nodejs官网下载就可以了:https://nodejs.org/en/
3、安装less
运行-cmd:
输入命令行:
npm install less -g
-g 代表着全局安装less
之后在 Sublime 里面建less文件时,会有一个错误
LESS: Unable to interpret argument clean-css
这是因为还需要一个插件
less-plugin-clean-css插件的安装
命令行为:
npm install less-plugin-clean-css -g
接着重启一下sublime,就搞定啦!
③ webstorm 配置less编译file watcher,program这个该怎么填
1、 打开Nodejs官ejs.org/,点“DOWNLOADS”,点64-bit下载“node-v0.10.33-x64.msi”。
2、 下载好后,双击“node-v0.10.33-x64.msi”,按照默认选项安装Nodejs,默认安装路径为:C:\Program Files\nodejs。
3、 “开始”-->cmd,打开cmd程序,输入“node -v”,出现” v0.10.33”; 输入“npm -v”,出现” 1.4.28”,说明Nodejs和郑困npm都已安装成功。
4、“开始”-->cmd,打开cmd程序,输入“cd C:\Program Files\nodejs”,进入nodejs安装目录。输入npm install less -g 回车,安装less组件。稍等片刻,完成后,你会发现C:\Users\wind\渗银AppData\Roaming\npm\node_moles 目录下有less组件。
至此Windows7 x64系统下安装Nodejs及配置less组件已基本完成,接下来我们配置WebStorm 9.0.1,使其能将less文件编译成css文件。
5、开启JetBrains WebStorm 9.0.1程序,打开“SuperDesigns”项目,该项目中含有“default.less”文件。
6、File-->Settings,打开设置选项。找到“External Tools”扩展工具设置项,点开右侧的“+”,在Name栏输入喊喊念“LESS”,“Tool settings”分别输入如下:
Program: C:\Program Files\nodejs\ n
④ 如何使用lessc编译.less文件
使用lessc编译.less文件的方法
预备环境 iOS开发环境,Mac OS、XCode5.0以上版本;
下载HBuilder离线打包iOS版SDK(5+ SDK下载)。
SDK目录说明: HBuilder-Hello:离线打包演示应用;
Feature-iOS.xls:iOS平台各扩展Feature API对应的库文件列表;
⑤ 怎么在node.js中安装less
node.js 是有windows实现版本皮侍纳的,请到它的官网node.org下载。有两种 exe和msi都可以使用。 下载后安装燃没和谈陆正常软件安装一样。使用方法: 在开始菜单打开,选择 Node.js command prompt ,它自动帮你加入了环境变量,直接可以使用 node 和npm命令
⑥ 如何使用lessc编译.less文件
一个简单的测试姿慎代码test.less,内容如下
@color: #4D926F;
#header {
color: @color;
}
h2 {
color: @color;
}
该文件位于 E:\Code\VS2013\BootstrapDemo\LessDemo\Less\test.less。
启动node.js控制台,进入test.less文件所在的目宴册游录,输入lessc test.less >晌销 test.css命令,less文件就会被编译成css文件
打开生成的test.css 文件
⑦ nodejs服务端渲染怎么处理less或sass
1、安装Sublime插件(1)安装LESS插件:因为Sublime不支持Less语法高亮,所以,先安装这个插件,方法1:ctrl+shift+p>installPackage>输入less按Enter方法2:直接下载后解压文件放到插件文件夹下(首选项-浏览插件打开文件夹)下载地址:/timdouglas/sublime-less2css解压文件放到插件文件夹下但是我们还要让sublime支持less并自动编译,所以还需以下步骤:2、安装Node.js首先先配置一下环境,less需要nodejs支持,所以我们先要安装一下nodejs到nodejs官网下载就可以了:3、安装less运行-cmd:输入命令行:npminstallless-g-g代表着全局安装less之后在Sublime里面建less文件时,会有一个错误LESS:-css这是因为还需要一个插件less-plugin-clean-css插件的安装命令行为:npminstallless-plugin-clean-css-g接着重启一下sublime,就搞定啦!
⑧ 让less本地生成css应该怎么做
你好,本地编译less,这个需要借助一些工具:
如果你熟悉Node.js,你可以写一个Node脚本来编译,这个教程网络很多的
如果不熟悉,可以下载客户端软件来编译,比较流行的编译软件有:
winless,mac下叫Less
koala,有各个系统支持版本
这些软件都可以直接在网络搜索下载,完全免费,而且使用简单
如果觉得都不适合,可以自己网络搜索“less 编译软件”,发现其他结果
希望能帮到你,望采纳~~
⑨ less的命令行编译如何编译整个目录
解决方法太多了
windows下有图形工具koala
linux下可以写命令行
node可以配合less_watch等
很多ide也支持less