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

下载sublime

现在的最新版本应该是sublime3了,下载地址

clipboard.png

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

添加项目

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

clipboard.png

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

clipboard.png

添加完之后在左侧就可以看到了,然后选一个文件打开看看效果,编辑下。

功能加强

单个编辑器的功能未必就那么强,如果要成为利器,还得靠一些插件才行。
安装插件的方法:
按Ctrl+`调出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())

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

然后就可以通过package control安装插件了:

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

  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

当然,其他主题也可以自己尝试下。

编辑器操作

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


不经意间
143 声望5 粉丝

« 上一篇
flexbox学习

引用和评论

0 条评论