一款好的代碼編輯器能讓我們的工作效率高效，心情舒暢，在我使用過的幾款編輯器之中，能稱得上倚天劍和屠龍刀的當(dāng)屬sublime text和webstorm。sublime比較輕盈，打開速度巨快，而且功能強(qiáng)大；webstorm功能也異常強(qiáng)大，集成各種功能，但是打開速度巨慢，內(nèi)存消耗賊大，我的4G內(nèi)存根本跑不起來，所以我用的比較多的就是sublime，今天也主要講講sulime從安裝到使用的一些過程吧。

下載sublime

現(xiàn)在的最新版本應(yīng)該是sublime3了，下載地址

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

添加項(xiàng)目

接下來我們開始用了，總要找些代碼試試吧，這里以我加入的一個(gè)工作目錄為例

點(diǎn)擊菜單中的Project->add folder to project,這時(shí)可以添加一個(gè)目錄到編輯器中

添加完之后在左側(cè)就可以看到了，然后選一個(gè)文件打開看看效果，編輯下。

功能加強(qiáng)

單個(gè)編輯器的功能未必就那么強(qiáng)，如果要成為利器，還得靠一些插件才行。
安裝插件的方法：
按Ctrl+`調(diào)出console，復(fù)制下面代碼，執(zhí)行

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這一項(xiàng)，則安裝成功。

然后就可以通過package control安裝插件了：

按下Ctrl+Shift+P調(diào)出命令面板

輸入install 調(diào)出 Install Package 選項(xiàng)并回車，然后在列表中選中要安裝的插件。

推薦安裝下列插件：

emmet，快速寫html代碼

scss，高亮scss的語法

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

ctags,函數(shù)定義跳轉(zhuǎn)

SideBarEnhancements,加強(qiáng)側(cè)邊欄功能

nodejs，nodejs的一些代碼補(bǔ)全

React ES6 Snippets,react的es6語法

SublimeLinter，代碼校驗(yàn)推薦這篇文章

主題變換

推薦一個(gè)主題，Material Theme
效果是這樣的

當(dāng)然，其他主題也可以自己嘗試下。

編輯器操作

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。