一款好的代碼編輯器能讓我們的工作效率高效，心情舒暢，在我使用過的幾款編輯器之中，能稱得上倚天劍和屠龍刀的當屬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安裝插件了：

按下Ctrl+Shift+P調出命令面板

輸入install 調出 Install Package 選項并回車，然后在列表中選中要安裝的插件。

推薦安裝下列插件：

emmet，快速寫html代碼

scss，高亮scss的語法

bootstrap 3 snippets，一些bootstrap的組件代碼片段

ctags,函數定義跳轉

SideBarEnhancements,加強側邊欄功能

nodejs，nodejs的一些代碼補全

React ES6 Snippets,react的es6語法

SublimeLinter，代碼校驗推薦這篇文章

主題變換

推薦一個主題，Material Theme
效果是這樣的

當然，其他主題也可以自己嘗試下。

編輯器操作

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

總結

以上是生活随笔為你收集整理的前端利器倚天剑之sublime的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。