最近中文字幕高清中文字幕无,亚洲欧美高清一区二区三区,一本色道无码道dvd在线观看 ,一个人看的www免费高清中文字幕

為了賬號安全,請及時綁定郵箱和手機立即綁定

怎樣用node.js編譯less文件

写在前面

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

步入正题

1.安装配置好sublime text3(包括各种实用插件)和node.js后,新建一个文件夹,这里取名less_test,文件目录结构如下:
less_test文件结构
其中node_modules文件夹是调用npm install命令的时候在当前目录下创建的安装模块。
2.在test.less文件里面随意写些代码:
less
3.打开命令行(cmd),进入less_test文件夹,输入npm install -g less,完成全局安装less编译模块:
cmd1
4.输入lessc (需要编译的less文件名称及路径)>(编译生成的CSS文件名称及路径):
cmd2
然后就会发现在相应的路径下出现了编译后的CSS文件:
css
至此,我们就完成了用node.js编译less文件的工作。但是这种方法无法做到实时编译,编译一次写一次路径也比较麻烦。可以选择Prepros实现实时编译less文件。

點擊查看更多內容
8人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優(yōu)質文章

正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優(yōu)惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消