最近深入了解Bootstrap,順便將Nodejs、npm、Less、Grunt等相關(guān)程序的安裝梳理了一遍,寫一幾篇博文記錄下,待需要時(shí)查找方便。
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/
安裝完成后就可以使用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文件》
新聞熱點(diǎn)
疑難解答
圖片精選