如何用sublimeText3编写less并用Nodejs自动编译成css

html-css026

如何用sublimeText3编写less并用Nodejs自动编译成css,第1张

1、安装Sublime 插件

(1)安装LESS插件: 

因为Sublime不支持Less语法高亮, 

所以,先安装这个插件,

方法1: (首先确保sublime上已安装了Package Control) 按住ctrl+shift+p>install Package>输入less按Enter

方法2:直接下载后 解压文件 放到插件文件夹下(首选项-浏览插件 打开文件夹) 

下载地址:https://github.com/danro/LESS-sublime

(2)安装LESS2CSS插件: 

less2css的读音 其实就是less to css 

这个插件的作用是 

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

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

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

安装: 

方法1:ctrl+shift+p>install Package>输入less2css按Enter 

方法2:直接下载:https://github.com/timdouglas/sublime-less2css 

解压文件 放到插件文件夹下

但是我们还要让sublime支持less并自动编译,所以还需以下步骤:

2、安装Node.js

首先先配置一下环境, 

less需要nodejs支持, 

所以我们先要安装一下nodejs 

到nodejs官网下载就可以了:https://nodejs.org/en/

3、安装less

运行-cmd: 

输入命令行:

npm install less -g

-g 代表着全局安装less

之后在 Sublime 里面建less文件时,会有一个错误 

LESS: Unable to interpret argument clean-css

这是因为还需要一个插件 

less-plugin-clean-css插件的安装 

命令行为:

npm install less-plugin-clean-css -g

接着重启一下sublime,就搞定啦!

导入一个已有的基于28335的工程项目新建一个CCS工程项目,填写项目名称(这儿,填写Epwm),并在“Advanced settings——Output type”中,选择Static Library确定后,生成新的工程项目,将项目中生成的main.c文件删除在新的项目中导入要生成lib的源文件及相关的所有头文件右键,选择“Build Project”,生成Epwm.lib文件对于原有项目,删除掉DSP2833x_EPwm.c文件,再进行编译,出错在项目右键“Properties”中的“ Build——C2000 Linker——File Search Path”中,加入Epwm.lib文件对项目重新进行编译,成功;可以对控制板上电下载,并正常运行。

首先要学习一下 less 语法

用node 的 webpack 的 less-loader 来编译less文件生成css文件

我现在用的是stylus,好久都没用less和sass了