国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 禄劝| 双鸭山市| 上虞市| 监利县| 天门市| 汉源县| 兴和县| 聂拉木县| 宿州市| 岐山县| 县级市| 奎屯市| 财经| 丰台区| 基隆市| 巴青县| 衡阳县| 平度市| 淄博市| 昌平区| 白城市| 利川市| 靖边县| 榆社县| 灵宝市| 左贡县| 洪雅县| 东乡族自治县| 民县| 桦甸市| 金山区| 长治县| 桑植县| 德兴市| 丹东市| 青川县| 望都县| 望都县| 宁强县| 连平县| 富顺县|