栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > CSS教程

怎样用node.js编译less文件

CSS教程 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

怎样用node.js编译less文件

写在前面

关于前端编辑器sublime text3的安装和使用,网上已经存在不少好文章和教学视频,这里我就不多做赘述了。经过这段时间的接触和熟悉,不得不感慨sublime text3确实比Dreamweaver好用不少,功能强大,界面也简洁。
这里仅提供一个我觉得最完整的sublime text3的教程,希望能帮助大家。Sublime Text 全程指南
关于node.js和less,这里不多做介绍。(事实上我正在慢慢学习中,不敢多言)【捂脸】
只是大多数文章对于到底怎样编译less文件并没有一个详细的说明,清一色的grunt命令,看得也是晕晕的,所以也就有了这篇手记的存在。

步入正题

1.安装配置好sublime text3(包括各种实用插件)和node.js后,新建一个文件夹,这里取名less_test,文件目录结构如下:

其中node_modules文件夹是调用npm install命令的时候在当前目录下创建的安装模块。
2.在test.less文件里面随意写些代码:

3.打开命令行(cmd),进入less_test文件夹,输入npm install -g less,完成全局安装less编译模块:

4.输入lessc (需要编译的less文件名称及路径)>(编译生成的CSS文件名称及路径):

然后就会发现在相应的路径下出现了编译后的CSS文件:

至此,我们就完成了用node.js编译less文件的工作。但是这种方法无法做到实时编译,编译一次写一次路径也比较麻烦。可以选择Prepros实现实时编译less文件。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/243241.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号