关于Sublime text 3如何编辑less并转(编译)成css文件

我会带着你远行 2022-05-20 00:07 253阅读 0赞

**今天给大家介绍一个简单实用的less配置小技巧，本来是考虑用koala（专门编辑less的软件）来使用less的，不过既然sublime上有好用的插件，就不用麻烦的去下载其余的东西进行编译啦。**

> 1.在sublime text 3里安装好less（less语法高亮功能插件）和Less2Css（编译功能插件）这两个插件：（这里必须已经安装好了管理插件的package control插件），选中install package进行安装

![这里写图片描述][70]

> 2.安装好插件后还不能编译，必须还要安装好node.js才行

这里需要安装好node.js，传送门：[node.js][].

> 3.安装less

在npm中输入以下两个命令：

*  `npm install -g less`
 *  `npm install less-plugin-clean-css`

> 使用方法：在sublime中新建一个less文件，按Ctrl+s就会根据当前文件编译为一个css文件，这个新建的文件默认放在less文件同目录下，之后每次编辑完less文件之后Ctrl+s保存，同目录下的css文件也会同步更新内容。

![这里写图片描述][70 1]

**当然，在这个地方也可以修改自己需要的配置：**

*  首选项 —— Package Settings —— Less2Css —— Settings - User

打开之后自己配置需要的属性，比如我的：  
![这里写图片描述][70 2]

在Settings - Default 里有默认配置，如若不选，则默认为默认配置：  
![这里写图片描述][70 3]

[70]: /images/20220520/767ccc5230ff42c6b34cb0156461e97f.png
[node.js]: https://nodejs.org/en/
[70 1]: /images/20220520/f660180a5e58471eb2a6f5fd23375764.png
[70 2]: /images/20220520/ed6c032691ca42fda06817ff4b8a9b4f.png
[70 3]: /images/20220520/147ba70dc76b4b41860aa2731963d45f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，253人围观）

还没有评论，来说两句吧...

相关阅读

相关 Hbuilder less自动编译成css

一、前提：必须要先安装Node.js;再安装Less.JS; 执行命令行 npm install -g less ![20190423160213772.png][

电玩女神/ 2023年10月18日 17:31/ 0 赞/ 46 阅读

相关 less编译成css

推荐使用HBuilder编辑器，国人开发的，代码提示很好。 npm install -g less 安装less之后，可以使用lessc进行less文件的编译，命令

小灰灰/ 2023年07月25日 09:26/ 0 赞/ 38 阅读

相关将资源文件编译成源代码文件

目的：简化使用，比如省去了读取配置或者代码中直接大段难以维护的定义。常用场景：Schema、Lua、SQL等 Linux 自带了资源编译工具 xxd，可将任意文件编译成

落日映苍穹つ/ 2023年02月28日 05:53/ 0 赞/ 123 阅读

相关 less通过命令行编译成css方法

使用npm包管理工具安装Less编译器 npm install less -g 参数-g 是安装到全部环境中的指令，如果只想安装特定版本，可使用如下命令

ゝ一世哀愁。/ 2023年02月09日 10:28/ 0 赞/ 28 阅读

相关 less 通过命令行编译成css以及less语法

Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。 Less 可以运行在

以你之姓@/ 2022年07月14日 11:28/ 0 赞/ 221 阅读

相关用sublime text3 编译less并且转换成css

1、在sublime text3 安装插件less和Less2Css 2、安装nodejs 3、设置添加环境变量 4、安装less，打开cmd ,输入npm insta

缺乏、安全感/ 2022年07月14日 05:44/ 0 赞/ 158 阅读

相关 Sublime Text3支持LESS预编译

1.安装sublime插件 (1)安装less2css插件：作用：a.当保存less文件的时候自动生成同名的css文件； b.当保存less文件的时候提示编译

快来打我*/ 2022年07月13日 13:48/ 0 赞/ 202 阅读

相关怎样加Java文件编译成class文件

首先，需要配置好java的环境变量（保证javac文件可以执行） 1.打开cmd，找到jdk安装的bin目录下，如图![70][] 2，然后找到要编译的Java文

落日映苍穹つ/ 2022年05月22日 11:34/ 0 赞/ 275 阅读

相关关于Sublime text 3如何编辑less并转(编译)成css文件

今天给大家介绍一个简单实用的less配置小技巧，本来是考虑用koala（专门编辑less的软件）来使用less的，不过既然sublime上有好用的插件，就不用麻烦的去下载其余的

我会带着你远行/ 2022年05月20日 00:07/ 0 赞/ 254 阅读

相关多个.c文件编译成.ko文件

以两个C文件为例：将本该被分别编译成adc\_device.ko和adc\_driver.ko的adc\_device.c、adc\_driver.c编译成一个ko文件！

傷城~/ 2022年04月21日 14:04/ 0 赞/ 523 阅读