因为编辑器主题兼容性问题,删了Sublime Text 2(以下简写ST2)稳定版,开始用 dev 版了,很久没有清理无用插件了,索性彻底删除了所有包,全新开始定制适合前端开发的Sublime Text 2 环境。以前定制过Firefox ,但ST2的一直没写,下面就记录一下定制流程和一些推荐适合前端开发的插件,另外所有配置和插件都使用Dropbox进行同步,这样就永远不会丢失了。
工欲善其事,必先利其器。做为吃饭的工具,不完整定制一下是不行的,要看着舒心,用着顺手,提高效率才是永恒的追求。
1. 下载安装:
删除默认目录,链接到Dropbox,Windows参考原文
cd ~/Library/Application\ Support/Sublime\ Text\ 2/ rm -rf * ln -s ~/Dropbox/AppData/Sublime-Text-2/Installed\ Packages ./Installed\ Packages ln -s ~/Dropbox/AppData/Sublime-Text-2/Packages ./Packages ln -s ~/Dropbox/AppData/Sublime-Text-2/Pristine\ Packages ./Pristine\ Packages ln -s ~/Dropbox/AppData/Sublime-Text-2/Settings ./Settings
2. 安装 Package Control
按 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'
3. 安装启用 Soda主题
直接 `Command+Shift+P` 选择 `Install Package` ,搜索 `Theme – Soda`
之后 `Sublime Text 2 -> Preferences -> Settings – User` 追加下面行启用主题:
"theme": "Soda Dark.sublime-theme"
4. 选择代码高亮风格:
包括 iTerm2 在内我一直使用的是 Obsidian 这个主题风格,下载安装即可。
5. 安装前端开发插件:
全部使用 `Package Control` 搜索如下:
Haml
| 语言支持Less
| 语言支持jQuery
| 语言支持Git
| 语言支持Emmet
| 原Zen Coding改名了,功能更强Emmet Css Snippets
| 同上SideBarEnhancements
| 侧边栏功能增强LineEndings
| 行尾格式提示JsFormat
| JS格式化压缩Hex to HSL Color Converter
| 颜色代码转换Abacus
| 对齐代码中 = 号两端Alignment
| 另一个对齐代码的工具,配合上一个使用效果更佳ChangeQuotes
| 单引号双引号互相转换另外,更多的 ST2 经验交流,可以来我们的 Sublime Text豆瓣小组
其他相关资源:
附成果图:
版权所有? HzlzH | 本文采用 BY-NC-SA 进行授权联系客服