Sublime Text前端开发环境配置

Sublime Text是前端开发不可不说的编辑器，本文以Sublime Text 3为例讲解一下如何搭建前端的开发环境。

---

下载Sublime Text 3

下载地址 #==> Sublime Text 3

下载自己电脑对应的版本，然后双击执行安装就好了。

---

安装Package Control

使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令行，然后粘贴下面的代码然后回车执行：

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

执行完毕之后查看Preferences菜单下如果出现了Package Setting 和 Package Control两个菜单则安装成功。

---

插件安装

1. 打开Sublime Text
2. 按下Ctrl + Shift + P调出命令面板
3. 输入install 选择 Package Control：Install Package 选项然后回车
4. 在新出现的命令面板中输入想要安装的插件，选择想要安装的插件，回车安装

---

常用插件

• JSFormat：javascript代码格式化插件
• AutoFileName：快速输入文件名
• MarkdownPreview：Markdown浏览器预览以及保持为网页
• Markdown Editing：良好的展现Markdown文本
• SideBarEnhancement：让侧栏能够新建、删除文件和文件夹

---

常用快捷键

• 注释当前行：Ctrl + /
• 注释多行：Ctrl + Shift + /
• 撤销：Ctrl + Z
• 保存：Ctrl + S
• 删除当前行：Ctrl + X
• 查找内容：Ctrl + F

---

总结

Sublime是一款优秀的编辑器，更多的功能需要我们不断取发掘，希望大家不要太依赖于IDE，不过我还是要安利几款前端常见的强大IDE/编辑器:

• WebStrom：号称JS神器，体验很好。
• HBuilder：国内团队开发，目前应该是测试版，貌似有点不是很稳定，不过确实很好用，如果能够稳定点应该相当不错。（PS:他们官网还有其它的一些项目）
• DreamWeaver：当年网页三剑客之一，Adobe出品，比较稳定。
• Atom：Github出品，话用它写Markdown感觉66哒。