a亚洲精品_精品国产91乱码一区二区三区_亚洲精品在线免费观看视频_欧美日韩亚洲国产综合_久久久久久久久久久成人_在线区

首頁 > 系統 > Windows > 正文

Windows7下安裝 Nodejs 并在 WebStorm 9.0.1 下搭建編譯 LESS 環

2019-11-02 16:31:30
字體:
來源:轉載
供稿:網友

1、 打開Nodejs官網http://www.nodejs.org/,點“DOWNLOADS”,點64-bit下載“node-v0.10.33-x64.msi”。

2、 下載好后,雙擊“node-v0.10.33-x64.msi”,按照默認選項安裝Nodejs,默認安裝路徑為:C:/Program Files/nodejs。

(請根據系統位數自行安裝)

3、 “開始”-->cmd,打開cmd程序,輸入“node -v”,出現” v0.10.33”; 輸入“npm -v”,出現” 1.4.28”,說明Nodejs和npm都已安裝成功。

4、“開始”-->cmd,打開cmd程序,輸入“cd C:/Program Files/nodejs”,進入nodejs安裝目錄。輸入npm install less -g 回車,安裝less組件。稍等片刻,完成后,你會發現C:/Users/wind/AppData/Roaming/npm/node_modules 目錄下有less組件。

至此Windows7 x64系統下安裝Nodejs及配置less組件已基本完成,接下來我們配置WebStorm 9.0.1,使其能將less文件編譯成css文件。

 

5、開啟JetBrains WebStorm 9.0.1程序,打開一個含有leess的項目,該項目中含有“default.less”文件。

6、File-->Settings(設置),打開設置選項。找到“External Tools”(外部工具)擴展工具設置項,點開右側的“+”,在Name欄輸入“LESS”,“Tool settings”分別輸入如下:

Program: C:/Program Files/nodejs/ node.exe (你安裝目錄所在的文件)

Parameters: C:/Users/Administrator/AppData/Roaming/npm/node_modules/less/bin/lessc $FilePath$ $FileDir$/$FileNameWithoutExtension$.css (用戶名默認Administrator,有變化的話自行更改,并粘貼這一行)

Working directiry: C:/Program Files/nodejs (你安裝的目錄)

確認輸入無誤后點右下的“OK”按鈕。然后再點Settings 版右下的“Apply”應用按鈕。

7、在Settings 面板頂端輸入“key”,找到快捷鍵設置項“Keymap”(快捷鍵),在右側找到“External Tools”(外部工具)點開,點選“LESS”并單擊右鍵,選擇“Add Keyboard Shortcut”,在出現其面板的“First Stroke”處同時按下“Alt+B”鍵,這樣就將“Alt+B”設置為將less文件編譯成css文件的快捷鍵。當然你可以根據自己的實際情況設置成其它的快捷鍵。確認好后點Settings 面板右下的“OK”按鈕。

 

 

8、回到打開的default.less文件,按下“Alt+B”快捷鍵,看看“default.css”是不是生成了!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 精品精品 | 91精品久久久久久久久久入口 | 综合久久色 | 国产精品毛片无码 | 狠狠色噜噜狠狠狠狠69 | 在线看黄色片 | a视频在线观看 | 久久aⅴ国产欧美74aaa | 亚洲国产精品99久久久久久久久 | 午夜精品网站 | 香蕉三级 | 日韩不卡一区二区 | 欧美黑人xxx | 一区二区三区四区视频 | 久久99精品久久久 | 亚洲精品电影在线观看 | 日本性视频 | 日韩精品123| 欧美偷拍综合 | 毛片网站大全 | 欧美色性| 成人网18免费网站 | 欧美一区成人 | 久久午夜影院 | 色婷婷亚洲 | 精品国产乱码一区二区三区 | 日韩av一区在线观看 | 又大又粗又长又黄视频 | 日韩一区中文字幕 | 看真人视频a级毛片 | 欧美专区在线 | 一区二区在线看 | 久久黄色片 | 亚洲日韩欧美一区二区在线 | 久久亚洲91 | 国产精品免费一区二区 | 日韩免费高清视频 | 九九精品在线 | 亚洲国产婷婷香蕉久久久久久99 | 综合久久一区二区三区 | 亚洲天堂一区 |