推荐个前端开发工具 完美自动补全 Sublime Text 2

前言：作为前端攻城师，开发工具很重要！它可以让你更有效率的开发出优质代码，节约时间，so选择工具很重要！

 

远古年代，我们用DW，虽然它功能也很强大，但强大的内存占用率以及经常"挂"让我们痛苦不堪，所以果断放弃！(初学者可以用一下，毕竟它有个预览模式还是可以的)
近现代我们用editplus,棒子出品，功能强大，界面简洁美观，且启动速度快；中文支持比较好；支持语法高亮，但是对于我们越来越多的代码量，越来越复杂的嵌套关系，它显得简单了一些。

现在，我们用 Sublime Text ！

1.不仅是漂亮

之前npp吸引我的重要因素是它轻量，扩展性不错，一些特性用得很爽(如：关键词自动高亮匹配，代码自动完成)

尝试用sublime是因为它相对于npp来说真的漂亮好多。且目前的版本，功能基本上跟npp差不多，甚至细细研究发现有很多好玩的东西

2.眼前一亮概要栏的创新设计

除了外观好看，还有一个原因让我喜欢上sublime是因为有个很酷的概要栏(配图中右侧显示代码缩略图的东东)，

当编辑一个大文件时，这个东西不但能帮助快速对应到相应代码区，同时。。这东西就是个炫机神技哇~~ 特别是满屏代码的时候，真是赏

心悦目

话说最新版的npp 也有这个功能了。

3.主题配色很强大，但仍需改进

像notepad++ 一样 sublime的配色功能很强大，研究了一周，把原先在npp里的主题配色搬到了sublime上(配图就是)。目前我只配了css

html 的配色。

说它仍需改进是，配色表是个xml，而且语法对应没有帮助文档，需要去默认配色里查，调试起来不方便，但看着xml文档觉得还是挺强大的。

4.所有快捷键可自定义

这个功能要比npp要强，因为npp的默认快捷键不太好改(可能不知道怎么改)，而且有些插件的快捷键(zen code)会干扰其他软件，让人匪夷

所思。

你可以通过Commend palette 菜单(ctrl+shift+ p) 中搜索key 来打开默认default key 文件，和 user key 文件，

default文件里记录了所有的快捷键内容，user里可以写同样的快捷键来覆盖已有的。

5. Snippets 自动提示功能

sublime 的 Snippets 是一种可以自定义代码补全功能，简单的说就是可以自己做一个代码片段然后存到 user 文件夹(sublime 目录下有个

user文件夹)下，

这个时候就可以根据需要简化自己的代码。如：通过定义代码片段，你只要输 clog+TAB 就能输出 console.log(); 文件代码如下：(Tools

> 使用了将近2周才发现 sublime 的代码提示好诡异，就是代码提示竟然都是由Snippets组成的。并且每个文件只能存一个代码片段。并且

自带的代码，如css目录下的Snippets 很多都不好用 =，=， 这让人情何以堪哇。

6.扩展性 – 插件 – 自己动手

7.缺点 – 项目管理功能缺少

这个可能是目前碰上的唯一的缺点了哇，原先npp可以将几个文件甩到一个project 块里，方便切换，sublime在这方面还很不足。

不知道是不是有插件能做到？谁知道求分享

8.好软件要付费哇~ T__T

不付费？ 就得忍受时不时(应该是判断保存次数)，弹出个窗口提示你去付费。等完美点就买~ ⊙﹏⊙

 

现在就告诉下大家安装步骤以及使用方法，是不是很期待呢？？

想了解更具体的介绍 请看http://www.appinn.com/sublime-text-2/

访问http://www.sublimetext.com/2官网

 

根据你的pc环境选择版本：

然后安装运行！

目前这款软件没有中文版，不过可以下载破解版的。度娘上一堆，但要注意安全性！

 

安装Sublime Text 2插件的方法：

1.直接安装

安装Sublime text 2插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->packages）。

2.使用Package Control组件安装

也可以安装package control组件，然后直接在线安装：

1. 按Ctrl+`调出console
2. 粘贴以下代码到底部命令行并回车：
   import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
3. 重启Sublime Text 2。
4. 如果在Perferences->package settings中看到package control这一项，则安装成功。

如果这种方法不能安装成功，可以到这里下载文件手动安装。

用Package Control安装插件的方法：

1. 按下Ctrl+Shift+P调出命令面板
2. 输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。

不爽的是，有的网络环境可能会不允许访问陌生的网络环境从而设置一道防火墙，而Sublime Text 2貌似无法设置代理，可能就获取不到安装包列表了。

 

软件装完，插件装完，让我们体验一下它的魅力吧！

 

 

更多快捷键请看http://lucifr.com/2012/02/08/useful-entries-in-sublime-text-2-context-menu/

 

希望大家共同进步吧~