本文來自極客布道者，作者授權(quán)極客大學(xué)中學(xué)妹發(fā)表；）

1.先安裝-插件管理插件（安裝后請重啟）

(1)手動安裝

（如果安裝不成功，請使用下面的“2.自動安裝方式”）

使用[Ctrl+`]（或View>Show）打開Text控制臺，將下面的代碼粘貼到控制臺中，然后回車，注意查看控制臺信息sublime text 查看插件，等待安裝完成：

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

安裝后，重新啟動。 由于國內(nèi)網(wǎng)站不穩(wěn)定（可能需要翻墻才能訪問），可能安裝不成功。 如果安裝不成功，請使用下面的自動安裝方法。

(2)自動()安裝方法：

a.點(diǎn)擊>

b. 里面的步驟會打開一個文件夾，我們在其中找到該文件夾??（如果沒有sublime text 查看插件，則在父目錄中查找）

C。 下載.-包（文末附有下載地址），復(fù)制到文件夾中。

d. 通過上述方法安裝插件并重啟后即可使用。

(3) 如果在->中看到此項(xiàng)，則表示安裝成功。

2.通過安裝其他插件（通用）

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

(2) 輸入調(diào)用選項(xiàng)并回車。

（3）在列表中選擇需要安裝的插件，或者輸入插件名稱（比如要安裝Emmet插件，就輸入Emmet，它會實(shí)時過濾結(jié)果）

(4) 根據(jù)命令面板中的過濾結(jié)果，選擇需要安裝的插件。

三、插件安裝及推薦

（1）Emmet插件（功能包括代碼補(bǔ)全、代碼初始化、快速編碼等）

A。 按照上面第2條（2.如何安裝其他插件）中一般方法的步驟安裝Emmet。

b. 測試是否安裝成功：新建一個html文件，保存（注意必須是html文件），輸入html，然后按tab鍵，然后我們會得到如下html結(jié)構(gòu)（如果不是，請嘗試it:html:5+tab鍵，不同操作系統(tǒng)、不同版本快捷鍵略有不同）：

C。 檢查插件是否已安裝。 如果失敗，請檢查文件是否保存。 如果沒有，請先保存。 （注意：如果我創(chuàng)建一個新的html文件，它應(yīng)該保存為：.html文件）

d. 檢測：如圖所示，最后一級菜單顯示已安裝的插件列表。 （如果沒有提示安裝不成功，比如這里第一行是Emmet，說明安裝了我的Emmet插件，如果你的沒有，說明沒有安裝）

（2）html/css/js插件（美化插件需要node支持）

A。 同樣，按照上面第2項(xiàng)（2.如何安裝其他插件）中一般方法的步驟安裝HTML/CSS/JS。

b. 該插件需要node支持，然后安裝。 它可以默認(rèn)安裝。

節(jié)點(diǎn)安裝，官網(wǎng)下載地址：

英語：

英語：

C。 打開設(shè)置的路徑（）。

d.node安裝路徑設(shè)置及更換

（根據(jù)自己的安裝路徑，我這里的安裝路徑是C:\\Files\\\\，注意斜杠的方向，一般默認(rèn)安裝的話就不用改這個文件，請檢查路徑對應(yīng)系統(tǒng)中的“”是否正確，mac會檢測對應(yīng)的“osx”路徑。其他選項(xiàng)一般不用改）。

e. 檢查是否安裝成功：在文檔任意位置右鍵html/css/js -> code 或使用快捷鍵Ctrl+h觸發(fā)美化功能。

（3）其他插件推薦（可裝可不裝，供參考）

：代碼對齊，比如寫幾個變量，選中這幾行，Ctrl+Alt+A，哇，一切就完成了。

：編寫CSS時，可以手動添加私有詞根如-，由Ctrl+Alt+X觸發(fā)。

Tag：Html低格式，右擊Auto-。

: 手動路徑導(dǎo)出

：剪貼板歷史記錄，顯示更多歷史記錄副本，由Ctrl+alt+v觸發(fā)。

：改進(jìn)了側(cè)邊欄右鍵功能，非常實(shí)用

Theme–Soda：編碼主題，給用戶添加“主題”：“.-theme”

：將文件編碼從GBK轉(zhuǎn)換為UTF8，在菜單-文件中找到

SFTP：直接編輯FTP或SFTP服務(wù)器上的文件，絕對FTP云

: 集成一些功能

：PHP代碼的整理和排版

YUI：縮小 JS 和 CSS 文件

, scss（scss支持的句型高亮）

如果您想體驗(yàn)更多插件，可以在這里找到。

.- 包下載地址：%.-

- 結(jié)尾 -

課程推薦

你已經(jīng)掌握了基本的后端技術(shù)，但還想玩玩陌陌網(wǎng)站嗎？

極客新聞手機(jī)版開發(fā)實(shí)戰(zhàn)課程，

靜態(tài)頁面+動態(tài)療效實(shí)戰(zhàn)掌握

動靜結(jié)合玩WeUI+Zepto，

還有大牛老師帶你開發(fā)新的實(shí)用作業(yè)~

技術(shù)介紹

WeUI是一套符合陌陌原創(chuàng)視覺體驗(yàn)的基礎(chǔ)樣式庫。 陌陌官方設(shè)計(jì)團(tuán)隊(duì)為陌陌內(nèi)部網(wǎng)頁的開發(fā)量身定制，可以讓用戶的認(rèn)知更加統(tǒng)一。

在陌陌Web開發(fā)中使用WeUI有以下優(yōu)勢：

Zepto 是一個針對現(xiàn)代中端瀏覽器的輕量級庫，具有與 Zepto 類似的 API。 如果你知道如何使用它，那么你也會使用 zepto。

Zepto 旨在：

先決條件

特定的 HTML/CSS/基礎(chǔ)知識

將使用文本進(jìn)行開發(fā)

為了使用瀏覽器調(diào)試

講師簡介

如有侵權(quán)請聯(lián)系刪除！