国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 網(wǎng)站 > WEB開發(fā) > 正文

安裝Nodejs、npm、Less(支持生成壓縮后的css)

2024-04-27 15:06:43
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

前言

最近深入了解Bootstrap,順便將Nodejs、npm、Less、Grunt等相關(guān)程序的安裝梳理了一遍,寫一幾篇博文記錄下,待需要時(shí)查找方便。

正式動(dòng)手

安裝Nodejs和npm

1.到https://nodejs.org/en/下載最新的版本,安裝到d盤下,假設(shè)安裝后的路徑為D:/PRogram Files/nodejs,筆者當(dāng)前的版本v6.9.4,已經(jīng)集成了npm,可以從【開始】-【所有程序】-【Node.js】-【Node.js command prompt】,打開命令行(經(jīng)筆者測(cè)試直接用windows自帶的cmd也可以),輸入以下命令查看Nodejs和npm的版本。

//查看nodejs版本node -v//查看npm版本npm -v

看到以下提示說(shuō)明安裝成功

這里寫圖片描述 2. 添加環(huán)境變量,在桌面上點(diǎn)鍵計(jì)算機(jī)-【屬性】-【高級(jí)系統(tǒng)設(shè)置】-【高級(jí)】-【環(huán)境變量】-【系統(tǒng)變量】-【新建】: 這里寫圖片描述 NODE_PATH=D:/Program Files/nodejs/node_modules/npm/

安裝Less

在【Node.js command prompt】里輸入以下命令d:cd D:/Program Files/nodejs/node_modules/npm//下面命令是安裝less,注意一定要有-g,否則還得做些其他工作npm install less -g//下面命令用于安裝CSS壓縮插件npm install less-plugin-clean-css

安裝完成后就可以使用lessc的命令了

//下面命令編譯less文件生成csslessc d:/styles.less d:/styles.css//下面命令啟用css壓縮插件,生成壓縮后的css文件lessc d:/styles.less d:/styles.min.css -clean-css

上面的命令保能處理單個(gè)less文件,可以在WebStorm里配置Watcher,在編輯less文件的同時(shí),自動(dòng)生成css文件。詳見《 在WebStorm里配置watcher實(shí)現(xiàn)編輯less文件時(shí)自動(dòng)生成.map和壓縮后的.css文件》


發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 承德市| 论坛| 杭锦后旗| 阜宁县| 白城市| 农安县| 泰兴市| 新安县| 江陵县| 常宁市| 满城县| 晋中市| 东阿县| 泽库县| 昌都县| 八宿县| 台江县| 尼木县| 福鼎市| 明光市| 锡林郭勒盟| 双峰县| 洪泽县| 甘谷县| 鲁山县| 印江| 稷山县| 贵州省| 兴义市| 元朗区| 柳河县| 阿巴嘎旗| 德惠市| 汽车| 泸水县| 烟台市| 酒泉市| 云梦县| 周至县| 阿坝县| 辉南县|