美文网首页
在sublime中配置less

在sublime中配置less

作者: 破浪_ | 来源:发表于2017-02-26 16:32 被阅读0次

编译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.

相关文章

  • 在sublime中配置less

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

  • 开发环境配置

    sublime配置 sublime 4个空格代替Tab缩进,在sublime中的用户配置文件Packages/Us...

  • 在sublime下配置 Matlab 编译环境:

    在sublime下配置 Matlab 编译环境: 配置过程 1. 新建Build System 在Sublime中...

  • less

    mac环境下在sublime中保存即编译.less文件错误尝试 在sublime中直接安装less2css插件,导...

  • HTML总结

    HTML总结 sublime 环境配置 使用sublime text 3 打开百度在搜索框中输入sublime t...

  • 在react中配置less

    1. 创建React 工程 2.添加less和less-loader 两个依赖库 注意: 如果步骤3 在步骤2前先...

  • 在react中配置less

    第一步:暴露出webpack配置文件 终端命令:npm run eject (此命令一旦运行不可逆) 第二步:安装...

  • Less

    如何使用less Koala自动监视编译/Webpack/FIS Sublime插件less2css自动编译 &&...

  • sass

    在sublime上,通过保存,就可以把.scss文件编译为.css。由于bootstrap中是一less为主的,s...

  • react16.8 按需引入antd+自定义theme

    一、配置less 在配置less之前,我使用create-react-app,得到React版本为^16.8.6。...

网友评论

      本文标题:在sublime中配置less

      本文链接:https://www.haomeiwen.com/subject/menowttx.html