Sublime Text 2 那些事儿

作者: admin 分类: 编辑器 发布时间: 2012-08-23 08:14

第一次遇见Sublime Text 2 应该在2011的九月份左右吧(Sublime Text 2 Build 2126),没有想到发展得那么快。当时由于不支持中文编码,所以就没有怎么用了。

搜索了一下的Sublime Text 2相关资料:

现在可以秒杀所有编辑器了,虽然是付费软件,但是重来没有提示你(这句收回)。

废话少说,下面是各种折腾:

一、插件:

1.Sublime Package Control(前提)

view → show console(CTRL+ `)

import urllib2,os; 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())); open(os.path.join(ipp,pf),’wb’).write(urllib2.urlopen(‘http://sublime.wbond.net/’+pf.replace(‘ ‘,’%20’)).read()); print ‘Please restart Sublime Text to finish installation’

粘贴入以上代码,回车。

以上保证网络畅通,不成功则:

If for some reason the console installation instructions do not work for you, perform the following steps to manually install Package Control:

Click the Preferences > Browse Packages… menu entry

Browse up a folder and then into the Installed Packages folder

Download Package Control.sublime-package and copy it into the Installed Packages directory

Restart Sublime Text

参考:http://wbond.net/sublime_packages/package_control/installation
2. 编码工具:
经过第一步安装,接着
→install package
键入 encodeing 关键字,安装相关插件就支持中文编码了。

3.好用的插件: zen coding,js minifier, jsforamt,等等
参考安装排行榜:
http://wbond.net/sublime_packages/community#sort-installs

4.快捷键:看编辑器提示吧!!

5. 汉化中文:

资源基本上都在 Data\Packages\Default 文件夹下,注意那些以 .sublime-menu 结尾的文件,用记事本打开,在UTF-8的情况下汉化中文。

举例:
[
{
“caption”: “文件(F)”,
“mnemonic”: “F”,
“id”: “file”,
“children”:
[
{ “command”: “new_file”, “caption”: “新建文件(N)”, “mnemonic”: “N” },
{ “command”: “prompt_open_file”, “caption”: “打开文件(N)…”, “mnemonic”: “O” },
{ “command”: “prompt_open_folder”, “caption”: “打开文件夹…” },
{ “command”: “clone_file”, “mnemonic”: “e” },
……

汉化完保存即可。注意只能修改json中的项。

6. License.sublime_license 中文(许可证,注册):

Data→Settings

http://115.com/file/dpqi9axq

没有钱的时候用盗版,用钱的时候就要用正版了。不管是什么软件,都应该支持正版的。

7.coffeescript安装:

下载:

https://github.com/jashkenas/coffee-script/downloads

打开已有的cmd文件修改后另存为coffee.cmd

里氏代换原则修改。保存。

用Sublime Package Control 搜索下载coffee 部署:

Navigate to CoffeeScript\Commands and open the file CoffeeScript.sublime-build. Remove the line that has the path variable and change the cmd line to have coffee.cmd instead of coffee.

在coffee的目录中找到相应的文件CoffeeScript.sublime-build

Original version:

{

“path”: “$HOME/bin:/usr/local/bin:$PATH”,

“cmd”: [“coffee”,”-c”,”$file”],

“file_regex”: “^(…*?):([0-9]*):?([0-9]*)”,

“selector”: “source.coffee”

}

Edited version:

{

“cmd”: [“coffee.cmd”,”-c”,”$file”],

“file_regex”: “^(…*?):([0-9]*):?([0-9]*)”,

“selector”: “source.coffee”

}

https://kevinpelgrims.wordpress.com/2011/12/28/building-coffeescript-with-sublime-on-windows/

http://www.w3ctech.com/p/1065(CoffeeScript入门实践)

[CoffeeScript:Accelerated.JavaScript.Development(2011.7)]
http://www.verycd.com/files/33c62564de4dce4a15a505b13512804c2666462

8.文件右键菜单:

;;绿色版以备不时之需;;

Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\*\shell\Open with Sublime Text 2]

[HKEY_CLASSES_ROOT\*\shell\Open with Sublime Text 2\command]

@=”C:\\Program Files\\Sublime Text 2\\sublime_text.exe \”%1\””

路径用里氏代换原则修改吧!!

9.less css 插件

到github下载

https://github.com/cloudhead/less.js/

放到 nodejs的node_modules下,注意文件夹命名,和coffeescript的命名规则一样。

同理,在nodejs目录写一个

脚本less.cmd:

:: Created by less, please don’t edit manually.

@IF EXIST “%~dp0″\”node.exe” (

“%~dp0″\”node.exe” “%~dp0\.\node_modules\less.js\bin\lessc” %*

) ELSE (

node “%~dp0\.\node_modules\less.js\bin\lessc” %*

)

接着就是,sublime Text 2端的,

用Sublime Package Control搜索:LESS

安装,

打开相应的文件夹:

因为我们这里不用dotless编译所以就把相应的文件收起了。

LESS.sublime-build

{

“cmd”: [“less.cmd”, “$file”, “${file_path}/${file_base_name}.css”, “–verbose”],

“file_regex”: “^(…*?):([0-9]*):?([0-9]*)”,

“selector”: “source.less”

}

MIN.LESS.sublime-build

{

“cmd”: [“less.cmd”, “$file”, “${file_path}/${file_base_name}.min.css”, “-x”, “–verbose”],

“file_regex”: “^(…*?):([0-9]*):?([0-9]*)”,

“selector”: “source.less”

}

其实方法和coffeescript的一样的。假如遇到相关nodejs插件,也是同样设置就可以了。

相关文章:

1.sublime Text 2 uglifyjs Package

2.Sublime Text 2 csstidy

3.快速清除所有调试代码

阅读更多:

http://lucifr.com/139225/sublime-text-2-tricks-and-tips/

http://net.tutsplus.com/?s=sublime