码迷,mamicode.com
首页 > Web开发 > 详细

webstorm下搭建编译less环境

时间:2014-05-10 01:52:50 ???? 阅读:462 ???? 评论:0 ???? 收藏:0 ???? [点我收藏+]

标签:style???blog???code???ext???c???http???

webstorm自带less,不过要编译的话需要nodejs环境。

  1. 首先去node的主页下载对应版本的nodejs然后安装,下载地址:http://nodejs.org/
  2. 安装完之后打开命令提示符(win+r),分别输入node -v以及npm -v如果返回版本号说明你安装成功了。
  3. 接下来就可以安装less了,命令提示符npm进入npm管理器,然后npm install less开始下载less,默认安装目录在用户名\node_modules这里面。
  4. 到这里less安装完毕了,接下来配置webstorm。
  5. 打开webstorm的file->settings ->External Tools,点击左上角的“加号”标志add,进入对话框bubuko.com,布布扣
  6. bubuko.com,布布扣
  7. Name你可以随便填,这里比较重要的是parameters,他指定lessc编译器的地址以及输出文件的地址,格式是:"lessc的地址" $FilePath "编译的地址(变量表示)",如果像我这里写的话(C:\Users\Touch-X\node_modules\less\bin\lessc $FilePath$ $FileDir$\$FileNameWithoutExtension$.css),他会默认编译到根目录。
  8. 然后你可以为这个编译器指定一个快捷键,我使用的是ALT + B
  9. bubuko.com,布布扣
  10. 之后打开一个.less后缀名的文件,快捷键编译,如果webstorm底部状态控制器显示 Process finished with exit code 0 ,那么恭喜你,大功告成!

webstorm下搭建编译less环境,布布扣,bubuko.com

webstorm下搭建编译less环境

标签:style???blog???code???ext???c???http???

原文地址:http://www.cnblogs.com/fxair/p/3708099.html

(0)
(0)
? ?
举报
评论 一句话评论(0
登录后才能评论!
? 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!