sublime中less变css怎么使用

html-css014

sublime中less变css怎么使用,第1张

1、安装less插件

ctrl+shift+p -> install package ->less 即可安装

功能:LESS高亮插件

简介:sublime没有支持less的语法高亮,所以这个插件可以

使用:打开.less文件或者设置为less格式

2、安装less2css插件

ctrl+shift+p -> install package ->less2css 即可安装

less2css插件安装好后需要修改系统的环境变量,将less.js-window下载到本地后,将其目录位置添加到系统环境变量中

功能:

当保存less文件的时候自动生成同名的css文件;

当保存less文件的时候提示编译错误信息;

批量编译项目目录下的所有less文件为css文件。

具体功能设置可以修改该插件的setting-user参数,记住是先将setting-default里的参数复制到setting-user中在修改

使用:

ctrl+s即可将编写的less文件自动编译为css文件。

两种方式,分别为:1、手动生成;2、使用webstorm自动生成。 1、项目的文件结构 2、在less文件的根目录 Shift + 鼠标右键 + 选择‘在此处打开命令窗口’ 3、输入命令:lessc + 空格 + less文件名 如:lessc main.less 4、继续输入命令:lessc + 空格 + less文件名 + 空格 + 大于号 + 空格 + css文件名 如:lessc main.less >main.css1、File + Settings 2、Tools + File Watchers 3、点击‘确定’即可 4、当你修改less文件时,css文件将自动生成。