前端利器倚天劍之sublime

一款好的代碼編輯器能讓咱們的工做效率高效，心情舒暢，在我使用過的幾款編輯器之中，能稱得上倚天劍和屠龍刀的當屬sublime text和webstorm。sublime比較輕盈，打開速度巨快，並且功能強大；webstorm功能也異常強大，集成各類功能，可是打開速度巨慢，內存消耗賊大，個人4G內存根本跑不起來，因此我用的比較多的就是sublime，今天也主要講講sulime從安裝到使用的一些過程吧。

下載sublime

如今的最新版本應該是sublime3了，下載地址

下載完安裝打開都很流暢，界面也好看，心情好極了。
sublime文檔

添加項目

接下來咱們開始用了，總要找些代碼試試吧，這裏以我加入的一個工做目錄爲例

點擊菜單中的Project->add folder to project,這時能夠添加一個目錄到編輯器中

添加完以後在左側就能夠看到了，而後選一個文件打開看看效果，編輯下。

功能增強

單個編輯器的功能未必就那麼強，若是要成爲利器，還得靠一些插件才行。
安裝插件的方法：
按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
效果是這樣的

固然，其餘主題也能夠本身嘗試下。

編輯器操做

推薦這篇文章操做比較全，練熟它，編碼速度加倍