sublime text3 配置less编译环境

Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。

Less 可以运行在 Node 或浏览器端。

一、安装 node.js

打开命令行( win+R  输入cmd 回车)

输入 node -v  检查是否安装成功。

二、安装cnpm (此步可略过)

如果npm安装失败可以尝试使用 cnpm

在命令行输入:npm install -g cnpm --registry=https://registry.npm.taobao.org

等待安装完成即可。

三、全局安装 Less

(提示:如果npm安装失败,请尝试使用cnpm安装,方法与npm相同,将那npm替换为cnpm即可)

命令行输入:npm install less -g

检查less环境是否配置完成:

命令行输入:lessc -v

看是否能正确打印版本号

但是sublime 是不能使用的。

四、继续安装

命令行输入:npm install less-plugin-clean-css -g

安装完成后重启sublime。

五、安装sublime插件 Less2Css

通过Package Control安装sublime插件 Less2Css 

当然我们顺便把代码着色插件 less 安装上。

最后:

创建less文件,保存时会自动编译一个同名的css文件在相同路径下。

如果:

如果你觉得这些操作比较麻烦,这里我们有简单的方法。

你可以下载 Koala (可以选择中文)

它会直接将你选择的less文件转换为css。

posted @ 2019-05-06 16:56  本该如此  阅读(978)  评论(0编辑  收藏  举报