一款好的代码编辑器能让咱们的工做效率高效,心情舒畅,在我使用过的几款编辑器之中,能称得上倚天剑和屠龙刀的当属sublime text和webstorm。sublime比较轻盈,打开速度巨快,并且功能强大;webstorm功能也异常强大,集成各类功能,可是打开速度巨慢,内存消耗贼大,个人4G内存根本跑不起来,因此我用的比较多的就是sublime,今天也主要讲讲sulime从安装到使用的一些过程吧。css
如今的最新版本应该是sublime3了,下载地址html
下载完安装打开都很流畅,界面也好看,心情好极了。
sublime文档node
接下来咱们开始用了,总要找些代码试试吧,这里以我加入的一个工做目录为例react
点击菜单中的Project->add folder to project,这时能够添加一个目录到编辑器中git
添加完以后在左侧就能够看到了,而后选一个文件打开看看效果,编辑下。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
按下Ctrl+Shift+P调出命令面板webstorm
输入install 调出 Install Package 选项并回车,而后在列表中选中要安装的插件。
推荐安装下列插件:
emmet,快速写html代码
scss,高亮scss的语法
bootstrap 3 snippets,一些bootstrap的组件代码片断
ctags,函数定义跳转
SideBarEnhancements,增强侧边栏功能
nodejs,nodejs的一些代码补全
React ES6 Snippets,react的es6语法
SublimeLinter,代码校验推荐这篇文章
推荐一个主题,Material Theme
效果是这样的
固然,其余主题也能够本身尝试下。
推荐这篇文章操做比较全,练熟它,编码速度加倍