sublime 经验总结 主题有 less2css

1. 安装“包控制”模块

操作步骤见该网站:https://sublime.wbond.net/installation#Simple

sublime2的代码如下:

    import urllib2,os,hashlib; h = ‘7183a2d3e96f11eeadd761d777e62404‘ + ‘e330c659d4bb41d3bdf022e94cab3cd0‘; pf = ‘Package Control.sublime-package‘; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( ‘http://sublime.wbond.net/‘ + pf.replace(‘ ‘, ‘%20‘)).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), ‘wb‘ ).write(by) if dh == h else None; print(‘Error validating download (got %s instead of %s), please try manual install‘ % (dh, h) if dh != h else ‘Please restart Sublime Text to finish installation‘)  

(如果上述代码出错,还是到上述网站去复制)

大体的操作是:在sublime中按ctrl和~,进入控制台,然后输入网站中的指令,回车,最后重启sublime。

安装成功后,你会看到如下内容:

2. 下面举个安装Less2Css插件的例子(Less使得Css具备动态语言的特性)

Less2Css功能介绍:

当sublime中

1. 保存less文件的时候,自动生成同名的css文件,并提示编译错误信息;

2.  可批量编译项目目录下的所有less文件为css文件;

安装步骤:

1.  ctrl 和 shift 和 p      或   preferences-》package control

在文本框中输入install后再输入less2css后按回车 , 此时注意sublime左下角的信息安装提示;

安装成功后,重启sublime

3. less2css插件需要lessc

下面安装lessc

http://download.csdn.net/detail/c_cyoxi/7594863下载;

对于lessc的解释:Less2Css插件依赖lessc这个工具,下载这个压缩包,然后解压后,将路径添加到系统环境Path变量中,若在cmd中,输入lessc,不报错,则表示环境变量成功设置了。

lessc不需要安装,只要设置好环境变量即可

4. 验证less2css是否安装成功

这时可以在Sublime打开或者新建一个less文件,按下Ctrl+S保存,此时应该会在less文件的相同目录下生成同名的css文件。

比如下面这段less代码

@color: #4D926F;

#header {
  color: @color;
}
h2 {
  color: @color;
}

在sublime中保存后,会生成如下代码

#header{color:#4d926f}

h2{color:#4d926f}

错误解决:

1. 保存less文件时,错误对话框内容为: less2css error:[Error 2]

方法:这是由于安装完less2css后,sublime需要重启。

关于less的使用建议阅读官方网站

或者http://www.ibm.com/developerworks/cn/web/1207_zhaoch_lesscss/  (它是中文文档)

时间: 2024-10-11 18:11:46

sublime 经验总结 主题有 less2css的相关文章

2018 年最佳 Sublime Text 3 主题

Sublime Text 是用于编码最流行的文本编辑器之一.Sublime Text 有许多让编程变得有趣的功能,使编码变的有趣,通过插件,我们可以添加许多功能来帮助开发我们应用. Sublime Text 是一个非常流行的,可扩展的代码编辑器,可以让我们轻松编写代码. 评估版可以从 http://www.sublimetext.com 下载. 我们还需要在 Sublime Text 中安装并启用 Package Control(包控制,或者包管理),你可以在 http://wbond.net/

sublime text2 换主题

网上看到一款喜欢的主题,换掉初始的主题,感觉颜色浅一点会比较好看,看中了下面这款. 后来看到有在 github 上的人做的 ,这是地址 ,上面也有详细的如何更改的步骤,下面是我自己这里做个备份. 1.首先下载这个该zip文件, http://pan.baidu.com/s/1hq33cpQ (提取码88x7 ) 2.解压并将解压后的文件改名为  Theme - Spacegray 3.放入到Packages目录中,Packages目录可以在sublime中 Sublime Text -> Pre

非常棒的 「Sublime Text 配色/主题」与「编程字体」

*标有 CT 的是配色 **主题中调用的字体和相配套的Sublime主程序图标可访问GitHub获取 Afterglow https://github.com/YabataDesign/afterglow-theme 基于 Spacegray,暖色调的主题,Flat风格 Tomorrow(CT) https://github.com/theymaybecoders/sublime-tomorrow-theme 适合不同背景色,清晰明丽     Spacegray https://github.c

一款好看的Sublime Text浅色主题:Ayu大作

上一篇分享的VS Code的文中,界面也是浅色主题,也是Ayu作品.下面看一下Sublime Text中的Ayu浅色主题 不错吧. 如何下载? 首选项——插件控制——安装插件或者ctrl+shift+P 搜索“ayu” Preference——Package Control——Install Package——Search 'ayu' 如何使用? 首选项——设置-用户 Preference——Settings-User 修改 theme "theme": "ayu-light

VS使用Sublime Text 主题

VS默认有三种主题Dark,Light,Blue,但你是否想寻找其它的主题呢?本文介绍两个扩展来满足你的不同需求 1.微软官方扩展 微软官方推出的  Visaul Studio Color Theme Editor 扩展 ,提供多种主题 Theme Editor已安装了一些模版主题 切换主题:工具- Change Color Theme-选择主题 2.Sublime Text主题 如果你对上述的主题不太满意,或者像我一样特别喜欢Sublime Text的主题,那么请往下看 工具:studio s

Sublime text 3 快键方式汇总 及 主题应用

Sublime Text 3 快捷键汇总 Sublime Text 3是款非常实用代码编辑神器,但是想要用任何一款软件,掌握一些快捷键还是很有必要的. 选择类 Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本. Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑.举个栗子:快速选中并更改所有相同的变量名.函数名等. Ctrl+L 选中整行,继续操作则继续选择下一行,效果和 Shift+↓ 效果一样. Ctrl+Shift+L 先选中多行,再按下快捷键,会

eclipse 配置黑色主题

虽然以前也使用eclipse的黑色主题,但是配置起来稍微麻烦一点. 这里先声明,下面的方式适合最新版本的Eclipse Luna,旧的版本可以下载我提供的这个插件,并将其放在eclipse目录下的plugins目录下即可. 插件下载地址:http://download.csdn.net/detail/csulennon/8372387 Eclipse LUNA 版本无需安装这个插件,因为已经自带了一个黑色的主题.现在把经验分享一下,先看效果: 对于长期使用电脑的程序猿们来说黑色不仅显得高端奢华,

[转]eclipse 配置黑色主题 Luna 方式三

虽然以前也使用eclipse的黑色主题,但是配置起来稍微麻烦一点. 这里先声明,下面的方式适合最新版本的Eclipse Luna,旧的版本可以下载我提供的这个插件,并将其放在eclipse目录下的plugins目录下即可. 插件下载地址:http://download.csdn.net/detail/csulennon/8372387 Eclipse LUNA 版本无需安装这个插件,因为已经自带了一个黑色的主题.现在把经验分享一下,先看效果: 对于长期使用电脑的程序猿们来说黑色不仅显得高端奢华,

eclipse下载并配置黑色主题

虽然以前也使用eclipse的黑色主题,但是配置起来稍微麻烦一点. 这里先声明,下面的方式适合最新版本的Eclipse Luna,旧的版本可以下载我提供的这个插件,并将其放在eclipse目录下的plugins目录下即可. 插件下载地址:http://download.csdn.net/detail/csulennon/8372387 Eclipse LUNA 版本无需安装这个插件,因为已经自带了一个黑色的主题.现在把经验分享一下,先看效果: 对于长期使用电脑的程序猿们来说黑色不仅显得高端奢华,