zoukankan      html  css  js  c++  java
  • windows下 sbulime text 安装less2css踩的几个坑

    sublime 就不介绍了,less2css 是一个安装在sublime上的插件,可以让你书写less后自动生成css文件,而且还可以提示less的语法错误。

    搜了一下相关的教程,很多都写的不全,按照他们的步骤操作下来之后发现有错误,甚至无法正确运行。

    直入主题吧,步骤(这里只写windows下的安装步骤,mac下使用brew来安装很简单,而且一般也不会出错,直接跳过了)

    1. 自动编译依赖于node,因此要先安装node,进入node官网下载自己需要的版本然后安装完成,通常安装程序会自动帮你配置环境变量,将node安装目录添加到系统变量中,如果没有请检查并手动添加该环境变量(不知道如何设置?自己动手咯);

    2. 安装完node后还需要安装node下的less,需要全局安装(安装完node后,自动就带npm了,所以在dos命令行直接运行如下命令即可,-g 参数代表全局安装,会帮你安装到%appdata%目录下)。

    npm install -g less

    不安装的话将无法自动编译

    3. 在less2css运行时还会执行一个 clean-css的功能,因此还需要在node下安装 less-plugin-clean-css,同样需要全局安装

    npm install -g less-plugin-clean-css

    不安装的话,每次保存会弹出错误提示,当然你也可以通过修改less2css的配置文件屏蔽错误提示。

    4. 最后我们打开sublime,使用install package命令安装less2css插件(ctrl+shift+P)-> install package -> less2css 回车,等待安装完毕重启sublime即可。 

    5. 为了支持less的语法高亮显示,还需要安装一个sublime的插件less 这样就可以流畅的书写less了。

  • 相关阅读:
    入门OJ 4187【周末舞会】
    入门OJ 1532【排队取款】
    洛谷 P3029 [USACO11NOV]【牛的阵容Cow Lineup】
    洛谷 P1638【逛画展】
    入门OJ 1256【排队】
    PKU 1945【Power Hungry Cows】
    RocketMQ重试机制和消息
    Java操作RocketMQ
    RocketMQ概述
    重定向机制
  • 原文地址:https://www.cnblogs.com/aleafo/p/5799404.html
Copyright © 2011-2022 走看看