我在sublime里面安装了以下有利于项目开发高效的插件:

1:SVN             源代码版本控制

2:LiveReload   浏览器实时刷新

3:jsMinifier     压缩 js [Ctrl+Alt+M] 或 [CtrL+Alt+Shift+M]

4:jsFormat      解压js插件

5:less2css (基于node环境安装)、less2css也需要安装、less(高亮)   函数式的css编程[Ctrl+S保存即可]

6:sass    sass build     函数式的css编程[Ctrl+B保存即可]

此外还有诸如:emmet、git  等的好插件都是非常不错的。

下面是我安装的时候发现的一些报错问题,这些问题都找到并且解决了,我的系统是win8的。

1> jsMinifier   “Minifier Error: timed out“ 的问题

2> SASS [Ctrl+B]编译后报  “[Decode error - output not utf-8]“ 的问题

3> SVN 安装后报:sublime UnicodeEncodeError: 'ascii'

     3.1> Sublime Text svn sftp 插件注册码 

------------jsMinifier   “Minifier Error: timed out“ 的问题-------------------

发现问题了, 在 compilers / googleclosurecall.py line 15
*.appspot.com 在中国访问是禁止的

解决方法:

1.找开 Packages\JsMinifier\Minifier.sublime-settings
2.修改 compiler 的值为 'uglify_js'

-------------SASS [Ctrl+B]编译后报  “[Decode error - output not utf-8]“ 的问题---------------

首先确定你做了一下几步

[1] you must install ruby  and sass

[2] 在sublime里面,安装一个 sass build 插件,来集成编译 sass 文件, 很方便。

解决方法:我建议你照着这个来,用淘宝镜像代理去下载 ruby和sass ,这个才是终极的办法:

1:gem source --remove https://rubygems.org

2:gem source --a https://rubygems.org

3:  gem install sass

---------------------- SVN 安装后报:sublime UnicodeEncodeError: 'ascii'-------------

呵呵,这个问题主要是有中文路径的问题所导致的报错。

解决方案: http://xg1990.com/blog/solve-win7-sublime-python-building-unicodeencodeerror/

解决方法如图:

 

sass  和 less 的重要的编译配置文件 

sass有两种后缀名文件:一种后缀名为sass,不使用大括号和分号;另一种就是我们这里使用的scss文件,这种和我们平时写的css文件格式差不多,使用大括号和分号.

sass语法 学习地址: http://www.w3cplus.com/sassguide/syntax.html

sasshat多米诺动画库:https://github.com/willian12345/sasshat

SASS Build 文件夹里面有个 SASS.sublime-build 文件,可以进行相应的配置,导出编译输出文件:

Less2css 文件夹里面有个 less2css.sublime-settings 文件,可以进行相应的配置,导出编译输出文件:

sass和less 编译后,都会在自动创建的css文件夹下面,如下图:

哪些个在 Sublime Text 下,"任性的" 好插件!的更多相关文章

  1. Sublime Text下使用SFTP/FTP插件

    一.前言 本文主要记录了Sublime Text编辑器下的SFTP/FTP的安装使用,方便linux和windows下的文件编辑,只是简单的记录,有不足之处,还望指教. 二.Linux和windows ...

  2. ubuntu下安装 Sublime Text 3 及 PlantUML 绘图插件

    ubuntu下只想做C++的程序代码编写,最开始选择了codeblock,主要目的是安装简单,集成度高,还可以调试,但是用的时候老是无故退出,改了半天的代码就这样丢失,挺苦恼的,可能跟自己装的系统比较 ...

  3. ATOM & Sublime Text 下MarkDown插件功能比较

    ATOM & Sublime Text 下MarkDown插件功能比较 作者:net66 更新日期:2016-6-14 10:50 [一] 编辑器 Sublime Text3 vs Atom ...

  4. Sublime Text 3 支持的热门插件推荐

    SublimeText是一款非常精巧的文本编辑器,适合编写代码.做笔记.写文章.它用户界面十分整洁,功能非同凡响,性能快得出奇.这些非常棒的特性 包括任意跳转(Goto Anything).多重选择( ...

  5. Sublime Text 3 支持的热门插件推荐(转载)

    SublimeText是一款非常精巧的文本编辑器,适合编写代码.做笔记.写文章.它用户界面十分整洁,功能非同凡响,性能快得出奇.这些非常棒的特性 包括任意跳转(Goto Anything).多重选择( ...

  6. 在 Sublime Text 2 中使用 SFTP 插件快速编辑远程服务器文件

    在 Sublime Text 2 中使用 SFTP 插件快速编辑远程服务器文件 开源程序 浏览:29555 2013年05月02日 文章目录[隐藏] 常见的工作流程 SFTP 安装和使用方法 第一步: ...

  7. 使用Sublime Text 3的HTML-CSS-JS Prettify插件格式化代码

    很多时候,我们想要格式化HTML-CSS-JS代码,网站上有很多实现此功能的小工具,当然,我的网站首页也有.但是,如果我们的代码编辑器上面也有这样的功能,那不是更加快速便捷?So,接下来,我们看看Su ...

  8. Sublime Text 无法使用Package Control或插件安装失败的解决方法

    Sublime Text用了一年多了,公司搬家近期突然发现Package Control无法安装新插件了.尽管不影响原有功能的使用.还是要解决它.因为本人用Windows系统,仅仅讨论Windosw下 ...

  9. Sublime Text 前端开发常用扩展插件推荐

    Sublime Text 前端开发常用扩展插件推荐 Sublime Text Sublime Text 是程序员们公认的编码神奇,拥有漂亮的用户界面和强大的功能 更重要的是,Sublime Text ...

  10. px值转rem值的Sublime Text 3自己主动完毕插件

    一个CSS的px值转rem值的Sublime Text 3自己主动完毕插件. 插件效果例如以下: 安装 克隆项目   https://github.com/hyb628/cssrem.git 进入pa ...

随机推荐

  1. php 获取 mime type 类型,fileinfo扩展

    背景: version < php-5.3 没有API能够查看文件的 mime_type, 故需要编译扩展 fileinfo 来扩展PHP的API(finfo_*系列函数).php-5.3 以后 ...

  2. InterProScan 5.25-64.0 安装和使用

    InterProScan 5.25-64.0 安装和使用,目前最新版的interproscan 引用自 每日一生信--interproscan安装及使用(终结版)原文官网:http://code.go ...

  3. vue打包后404,webpack配置问题

    首先声明这是基于vue2.x的 1. 将其中build的配置项assetsPublicPath进行修改,改为上图-->目的是将资源文件的引入路径,改为相对地址(相对index.html) 2.h ...

  4. 48.HTML---Flex 布局教程:实例篇

    你会看到,不管是什么布局,Flex往往都可以几行命令搞定. 我只列出代码,详细的语法解释请查阅<Flex布局教程:语法篇>.我的主要参考资料是Landon Schropp的文章和Solve ...

  5. 关于double精确度的简单问题

    (1)测试TestDouble.java结果 结果:如图,使用double类型的数据进行运算时结果是不准确的. 原因:double类型的数值占用64bit,即64个二进制数,除去最高位表示正负符号的位 ...

  6. ES6之字符串扩展

    ES6字符串新增的常用方法: 1. includes(): 字符串中是否包含某个字符或字符串, 包含的两个字符必须是相连的 let str = 'hello, world' str.includes( ...

  7. javascript获取style兼容性问题

    获取css 样式的方法有三种 : style, currentStyle , getComputedStyle style (无兼容性问题) 获取语法: ele.style.attr : 设置语法:e ...

  8. vs2013未找到与约束匹配的导出

    解决方法: 1.关闭VS: 2.去C:/Users/<your users name>/AppData/Local/Microsoft/VisualStudio/12.0/Componen ...

  9. vm无法删除干净老版本,新版本无法安装解决

    百度中搜索“Windows Installer Clean UP 简体中文版”来下载安装好 开始程序,打开此软件, 找到vm,点remove 再次安装vm新版本,ok

  10. spiderUI窗口过小解决

    复制以下代码,直接替换此css样式即可: C:\Users\Administrator\AppData\Local\Programs\Python\Python37\Lib\site-packages ...