打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
定制适合前端开发的 Sublime Text 2

定制适合前端开发的 Sublime Text 2

因为编辑器主题兼容性问题,删了Sublime Text 2(以下简写ST2)稳定版,开始用 dev 版了,很久没有清理无用插件了,索性彻底删除了所有包,全新开始定制适合前端开发的Sublime Text 2 环境。以前定制过Firefox ,但ST2的一直没写,下面就记录一下定制流程和一些推荐适合前端开发的插件,另外所有配置和插件都使用Dropbox进行同步,这样就永远不会丢失了。

工欲善其事,必先利其器。做为吃饭的工具,不完整定制一下是不行的,要看着舒心,用着顺手,提高效率才是永恒的追求。

1. 下载安装:

下载(dev)版 | 下载稳定版

删除默认目录,链接到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 进行授权
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
解决乱码,让Sublime Text 2支持GB2312和GBK – Need Not to Know
Sublime Text 2
Python程序员的 Sublime Text 2 配置
在Sublime Text 3中配置编译和运行Java程序
Sublime text 3搭建Python开发环境及常用插件安装
sublime text 下的Markdown写作
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服