Sublime Text 2 那些事儿
第一次遇见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