画一个童话

认输,你就输了。写前端好渣啊,没事,多好玩。

决定学习less,预编译css,第一步便是进行一些简单的环境设置。 我平时用到的工作环境是Webstorm,这里记录的便是我在webstorm配置less解析的过程;我参考了这篇博文,在此感谢作者http://www.cnblogs.com/haley168/p/webstorm_less.html webstorm配置less解析的方法及注意事项

  1. 去node的主页下载对应版本的nodejs然后安装下载地址:http://nodejs.org/ 根据自己的系统选择合适的版本下载。   Node.js 32位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi 64位安装包下载地址: https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

    安装完成之后打开命令提示符(win+r)或者 开始->搜索->输入npm ,在“命令提示符”下分别输入 node -v 以及 npm -v 如果返回版本号说明你安装成功了
  2.  webstorm配置less编辑环境  接下来就可以安装less了,在“命令提示符”下运行命令“npm install less -g”,然后npm就自动开始下载并安装LESS。 配置webstorm(版本10),打开webstorm→file→settings→Tools→file watching 点击“+”→less文件→Program右侧点击“。。。”弹出对话框,选择lessc.cmd文件,例如我的路径是C:\Users\Kuaiing-web\node_modules\.bin\lessc.cmd 然后确定。

  3.  使用 在项目中新建my.less文件,使用的时候会自动生成同名css文件。 0k,配置完成!
posted on 2017-02-08 11:12  画一个童话  阅读(1407)  评论(0编辑  收藏  举报