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两个菜单则安装成功。
插件安装
- 打开Sublime Text
- 按下Ctrl + Shift + P调出命令面板
- 输入install 选择 Package Control:Install Package 选项然后回车
- 在新出现的命令面板中输入想要安装的插件,选择想要安装的插件,回车安装
常用插件
- 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哒。