前端利器倚天剑之sublime

一款好的代码编辑器能让咱们的工做效率高效,心情舒畅,在我使用过的几款编辑器之中,能称得上倚天剑和屠龙刀的当属sublime text和webstorm。sublime比较轻盈,打开速度巨快,并且功能强大;webstorm功能也异常强大,集成各类功能,可是打开速度巨慢,内存消耗贼大,个人4G内存根本跑不起来,因此我用的比较多的就是sublime,今天也主要讲讲sulime从安装到使用的一些过程吧。css

下载sublime

如今的最新版本应该是sublime3了,下载地址html

clipboard.png

下载完安装打开都很流畅,界面也好看,心情好极了。
sublime文档node

添加项目

接下来咱们开始用了,总要找些代码试试吧,这里以我加入的一个工做目录为例react

clipboard.png

点击菜单中的Project->add folder to project,这时能够添加一个目录到编辑器中git

clipboard.png

添加完以后在左侧就能够看到了,而后选一个文件打开看看效果,编辑下。es6

功能增强

单个编辑器的功能未必就那么强,若是要成为利器,还得靠一些插件才行。
安装插件的方法:
按Ctrl+`调出console,复制下面代码,执行github

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())

安装完后重启,若是在Perferences->package settings中看到package control这一项,则安装成功。web

而后就能够经过package control安装插件了:bootstrap

  1. 按下Ctrl+Shift+P调出命令面板webstorm

  2. 输入install 调出 Install Package 选项并回车,而后在列表中选中要安装的插件。

推荐安装下列插件:

  1. emmet,快速写html代码

  2. scss,高亮scss的语法

  3. bootstrap 3 snippets,一些bootstrap的组件代码片断

  4. ctags,函数定义跳转

  5. SideBarEnhancements,增强侧边栏功能

  6. nodejs,nodejs的一些代码补全

  7. React ES6 Snippets,react的es6语法

  8. SublimeLinter,代码校验推荐这篇文章

主题变换

推荐一个主题,Material Theme
效果是这样的
clipboard.png

固然,其余主题也能够本身尝试下。

编辑器操做

推荐这篇文章操做比较全,练熟它,编码速度加倍

相关文章
相关标签/搜索