zoukankan      html  css  js  c++  java
  • webstorm9.3 安装less 编译css教程

    第一步:安装node.js

    webstrom9.3汉化下载:http://pan.baidu.com/s/1ntGNNiL    密码:1fbh 

    node.js 下载地址:https://nodejs.org/en/download/            

    电脑是32位的就下32位的,楼主的是64位的。截图如下:

    下载完成后安装,再测试是否安装成功!

    “开始菜单”—“运行” --“cmd”

    输入:node –v  注意中间的空格

    image

    在输入:npm -v

    image

    显示的是版本号,表示node和npm安装成功了,下一步我们在node中安装less,操作如下:

    在命令行输入“npm install less -g”  ,回车;

    楼主已经安装过了,就直接在网上找了一张图,如下:

    操作到这里表示我们已经安装less成功了!

    第二步:在webstorm中配置less

    1. 打开webstorm,文件 --设置  ;

    image

         我使用了中文包,汉化的非常好,下载地址如下,本教程也是基于这个版本,我用过10以上的版本,汉化的非常的不好,使用起来不方便,可能是我的英文学的不好吧:

         webstrom9.3汉化下载:http://pan.baidu.com/s/1ntGNNiL    密码:1fbh

          2.打开“工具” --“file Watchers”—“+”—“选择less” 截图如下:

    image

    3.配置less ,截图如下:

    image

    配置完后,点击“确定”保存,less我们就算是配置好了

    4.测试less是否可以正常使用

    新建一个test.less 文件,写入less变量语法,截图如下:

    image

    自动给我我们编译成test.css文件,test.css编译内容如下:

    image

    到这里less已经配置完了,尽情的享受代码的乐趣吧!

    有不清楚的地方请在文章下方留言哦^_^

  • 相关阅读:
    Swift
    Swift
    Swift
    Swift
    Cocos2d Lua 越来越小样本 内存游戏
    Android组件系列----ContentProvider内容提供商【5】
    看你的门-攻击服务器(4)-HTTP参数注入攻击
    图片缩放中心
    正确lua简单的扩展,可以加速相关C++数据。
    epoll()无论涉及wait队列分析
  • 原文地址:https://www.cnblogs.com/zhangans/p/4853115.html
Copyright © 2011-2022 走看看