sublime 安装less插件

1、安装Sublime 插件 
(1)安装LESS插件:因为Sublime不支持Less语法高亮,所以,先安装这个插件,方法: ctrl+shift+p>install Package>输入less按Enter 
(2)安装LESS2CSS插件:这个插件的作用是

  1. 当保存less文件的时候自动生成同名的css文件;
  2. 当保存less文件的时候提示编译错误信息;
  3. 批量编译项目目录下的所有less文件为css文件。

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

但是让sublime支持less,不仅仅是装个sublime插件就完事了啊。还需要下面的步骤

2、安装Node.js 
首先先配置一下环境,less需要nodejs支持,所以我们先要安装一下nodejs。到nodejs官网下载就可以了:https://nodejs.org/en/ 
3、安装less 
cmd 下: 
npm install -g less

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

LESS: Unable to interpret argument clean-css

这是因为还需要一个插件 
less-plugin-clean-css插件的安装

npm install -g less-plugin-clean-css

设置less2css不开启压缩
{
  "minify": false
}

这个插件在你保存.less文件的时候会自动生成对应的.css文件。

3. 还有语法高亮插件。package control搜索less第一个就是

时间: 2024-08-07 20:31:02

sublime 安装less插件的相关文章

sublime安装AngularJS插件

sublime能够支持AngularJS开发那绝对是一件很爽的事情.下面我一步步讲解如何为sublime安装AngularJS插件. 1.添加控制包站点 根据你安装sublime 版本不同,在控制台写入不同的代码 : 控制台打开方法:View > Show Console 或者 快捷键 ctrl+` Sublime Text 3: <pre name="code" class="javascript">import urllib.request,o

为sublime安装AngularJS插件

sublime能够支持AngularJS开发那绝对是一件很爽的事情.下面我一步步讲解如何为sublime安装AngularJS插件. 1.添加控制包站点 根据你安装sublime 版本不同,在控制台写入不同的代码 : 控制台打开方法:View > Show Console 或者 快捷键 ctrl+` Sublime Text 3: import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c65

sublime安装less插件

1. 安装less compiler npm install -g less ?  ~  $ lessc -v lessc 2.5.1 (Less Compiler) [JavaScript] ?  ~  $ 同时还要安装: npm install -g less-plugin-clean-css 2. 安装插件: https://github.com/timdouglas/sublime-less2css 步骤1中的两个组件是2的依赖组件,,安装好后.从Preferences > Packag

sublime 安装svn插件

1. 利用ctrl  + ~键调出控制台: 2. 安装package contro: (1) sublime text2在控制台中输入如下命令: import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb'

[Sublime]Sublime安装以及插件使用

安装直接去官网下载安装了 安装Package Control关于安装Package Control,有两种方法. 一.自动安装 自动安装很方便,网上代码很多.我用的是Sublime Text3,通过View–Show Console或者使用快捷键Ctrl+` 调出console,点击这里,选择你要的版本,回车,重启后会看到Preferences菜单中有了Package Control和Package Settings. 以下是代码: import urllib.request,os,hashli

sublime安装完插件后出现的一些问题

1.安装anaconda后代码前面出现小方框 解决办法:这是由于不符合PEP8代码规范,在空白地方右击,选择anaconda --> autoformat PEP8 Errors ,同时保证导入语句和函数体之间空两行 PEP8代码规范: 导入语句和函数体之间空2行: 注释语句的 # 和语句之间空一个 TAB 键,# 和后面的注释语句键空1个空格 原文地址:https://www.cnblogs.com/shuaishuaidefeizhu/p/9831083.html

sublime text3安装angularjs插件

sublime能够支持AngularJS开发那绝对是一件很爽的事情.下面我一步步讲解如何为sublime安装AngularJS插件. 首先提供一个破解版的sublime text 3的下载地址:http://pan.baidu.com/s/1gdzjBs3 另外,你要自己去进行Sublime text 3 中Package Control 的安装.具体的安装步骤如下: 首先下载Package Control 主文件下载:https://github.com/wbond/package_contr

解决 TextMate 2 无法安装 Emmet 插件

本篇文章由:http://xinpure.com/solving-textmate-2-cannot-install-emmet-plugin/ 前端神器 Emmet 插件原名为 ZedCoding 前端开发,Emmet 插件是必不可少的开发神器,神奇之处这里就不赘述了. 最喜欢使用的编辑器就是 Textmate 和 Sublime 其实无论是 TextMate 还是 Sublime 安装 Emmet 插件的方法网上比比皆是,也非常简单 然而从 GitHub 找到的 Emmet.tmplugin

Sublime Text 3插件安装方法

一:安装Sublime Text 3插件的方法 安装package control组件,然后直接在线安装: 1.按Ctrl+`调出console(注:安装有QQ输入法的这个快捷键会有冲突的.输入法属性设置-输入法管理-取消热键切换至QQ拼音) 2.粘贴下面代码究竟部命令行并回车: import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); ur