在sublime中配置less

编译less,大概有3种方法,分别是在Koala,node.js,浏览器中使用。这里我说一下怎么在sublimeText3中使用node.js编译less。


1.安装node.js

第一是首先安装node.js.可以去node.js官网中下载,一路next就行了。安装完成时可以调出终端输入node -v 如果能看到版本号就说明安装成功了

2.less(less语法高亮功能插件)和Less2Css(编译功能插件)

确保你的sublimeText3安转了package control插件,至于怎么安装就不说了,这个非常简单。安装完成后,Ctrl+Shift+p打开命令面板,输入install package并在下拉里选中install package。在弹出的框里然后分别输入less(less语法高亮功能插件)和Less2Css(编译功能插件)这两个插件,点击enter安装。

3.安装less

在cmd 下输入命令:npm install -g less,安装好之后在 Sublime 里面Ctrl+n新建less文件时,会有一个错误:LESS: Unable to interpret argument clean-css,这是因为还需要一个插件:less-plugin-clean-css插件的安装同样在cmd下输入命令:npm install less-plugin-clean-css,安装好之后问题就解决了

安装完成后创建一个test.less文件,会自动生成一个test.css文件。在html文件中我们依然是引进test.css文件,我们只需在test.less中编写代码即可,然后会自动保存到test.css.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 12,555评论 7 35
  • [目录] Less为什么会出现? 学习Less的网站 Less的安装环境离线的安装方式在线的安装方式 less转化...
    顽皮的雪狐七七阅读 15,648评论 5 42
  • 什么是GULP? GULP 是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能 对...
    碧玉含香阅读 3,878评论 0 0
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 14,341评论 7 110
  • 不谈战略,用普通用户的角度来试着聊一下这个话题。 一个服务从出现到被用户频繁使用需要经过两个过程: 1、触达用户并...
    JasonDstar阅读 4,496评论 1 3

友情链接更多精彩内容