溫馨提示：文章末尾有免費(fèi)下載鏈接！

一、引言

我使用 Text 已經(jīng)有好幾年了，版本也從 2 升級(jí)到了 3。但就像大冷天喝冰水一樣，只有自己知道其中的區(qū)別。剛開始的時(shí)候sublime text 3小程序，我也不知道從何下手，滿世界找資料，但能找到的資料都是零散的、片面的，不夠系統(tǒng)全面，一路上耗費(fèi)了我不少的時(shí)間和精力。于是決定寫這篇《Text 3 全詳解指南》，既是我自己經(jīng)驗(yàn)的總結(jié)，也是給初學(xué)者的一個(gè)系統(tǒng)全面的指南，讓他們可以避免我當(dāng)時(shí)走過的彎路，快速掌握 Text 這個(gè)優(yōu)秀的編輯器。

我現(xiàn)在使用的版本是 Text 3 Build 3083 測試版，已經(jīng)相當(dāng)穩(wěn)定了，所以本文所有講解都是基于這個(gè)版本，以 7 x64 平臺(tái)為例，至于其他版本，不會(huì)有太大區(qū)別。

2.文本特征

1. Text 是一個(gè)跨平臺(tái)的代碼編輯器，可以在 Linux、OS X 和上使用。

2、文本擴(kuò)展性強(qiáng)，內(nèi)含大量實(shí)用插件，我們可以通過安裝自己領(lǐng)域的插件來成倍提高工作效率。

3、命令行環(huán)境和圖形界面環(huán)境最好分別使用文本，同時(shí)使用兩者將大大提高工作效率。

4. Text 是付費(fèi)軟件，建議有經(jīng)濟(jì)能力的用戶付費(fèi)購買，支持開發(fā)者，但無需購買也可以繼續(xù)使用。

3.下載并安裝

1、下載：目前官方版本是v2.0.2，我們打開官網(wǎng)下載鏈接，下載Text 3 Build 3083。

其中“64位”下載的是“Text Build 3083 x64 Setup.exe”安裝程序；“ ”下載的是“Text Build 3083 x64.zip”編輯包，解壓后即可運(yùn)行，無需安裝。

如果您的電腦平臺(tái)是x86，也就是32位系統(tǒng)，請點(diǎn)擊“ ”，下載32位的安裝程序，如果不想安裝，請點(diǎn)擊后面的“ ”，下載其32位的編輯器包。

2、安裝：雙擊上一步下載的“Text Build 3083 x64 Setup.exe”，記得選擇“添加到菜單”添加到右鍵快捷菜單中。其他設(shè)置都使用默認(rèn)設(shè)置安裝。

3、安裝完成后，雙擊桌面上的“Text 3”快捷圖標(biāo)打開程序，就可以看到“Tex”的真面目了。

4、如果您沒有將《Text 3》安裝在默認(rèn)路徑下，比如安裝在D盤，請?zhí)砑迎h(huán)境變量。

4.設(shè)置字體和字體大小

點(diǎn)擊菜單“---> - 用戶”，打開“.-”。

按照如下所示添加所需代碼，并根據(jù)個(gè)人喜好進(jìn)行設(shè)置。使用“”：“字體名稱”設(shè)置字體，“”：“字體大小”設(shè)置字體大小。注意需要用逗號(hào)分隔。

5. 安裝插件

在了解如何安裝Text擴(kuò)展插件之前，我們先來看一下它的官方插件網(wǎng)站：。

當(dāng)我們在搜索框中輸入插件的關(guān)鍵字之后，下方就會(huì)實(shí)時(shí)顯示相關(guān)的插件，我們可以選擇自己想要了解的插件。

1.安裝

它是一個(gè)插件管理包，所以我們必須先安裝它，通過它我們可以方便的在Text中瀏覽、安裝和卸載插件。

在打開的網(wǎng)頁上，點(diǎn)擊右側(cè)的“現(xiàn)在”按鈕。

進(jìn)入#st3頁面，選擇“TEXT 3”選項(xiàng)卡，復(fù)制里面的代碼片段：

import?urllib.request,os,hashlib;?h?=?'eb2297e1a458f27d836c04bb0cbaf282'?+?'d0e7a3098092775ccb37ca9d6b2e4b7d';?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)

雙擊桌面上的“Text 3”打開程序，按快捷鍵Ctrl+`打開Text控制臺(tái)，將之前復(fù)制的代碼粘貼到控制臺(tái)中，按下“”鍵。

等待安裝完成后，關(guān)閉程序，重新啟動(dòng)“Text 3”，點(diǎn)擊菜單“ ”，看到“ ”項(xiàng)，表明插件管理包已經(jīng)安裝成功。

2.插件安裝

a) 功能說明：可以將非UTF8編碼的文件轉(zhuǎn)換為UTF8 in Text格式，打開文件時(shí)剛開始會(huì)顯示亂碼，然后瞬間就會(huì)自動(dòng)顯示正常字體，當(dāng)然保存文件后原文件的編碼格式不會(huì)改變。

b) 安裝方法一：使用快捷鍵Ctrl+Shift+p，打開“ ”浮動(dòng)對話框，在最上方輸入“ ”，然后點(diǎn)擊“：”。

在出現(xiàn)的浮動(dòng)對話框中輸入“”，然后點(diǎn)擊下方的“”插件，就會(huì)自動(dòng)開始安裝，請您耐心等待。

當(dāng)插件安裝成功后，Text 3編輯器底部的狀態(tài)欄會(huì)出現(xiàn)安裝成功的提示。

c) 安裝方法二：也可以下載完整的插件包，解壓后放在C:\Users\\\Text3\目錄下即可達(dá)到安裝插件的目的。下載地址：。

如何找到目錄？一個(gè)快捷的方法是：雙擊打開你的“Text 3”，點(diǎn)擊菜單“--->...”。

它會(huì)直接打開存放插件包的目錄“”。然后你可以將下載并解壓后的插件包復(fù)制到此目錄中。

當(dāng)然如果你熟悉git的話，你也可以使用git直接從插件庫中克隆插件包到目錄中。

注：以后所有的插件都可以使用上面介紹的兩種方法安裝，就不再贅述了，我們推薦方法一，即使用“ ”安裝插件。

3.插件

功能描述：高亮匹配的括號(hào)、引號(hào)和標(biāo)簽。

插件地址：

4. LESS 插件

功能描述：LESS語法高亮。

插件地址：

5.-插件

功能描述：將less文件編譯為css文件。

插件地址：

輔助工具：安裝完成后，從 下載less.js-，然后配置less.js-的環(huán)境變量。

6. Emmet 插件

功能描述：Emmet的前身是大名鼎鼎的Zen codin，是前端開發(fā)必備的工具，快速編寫HTML、CSS代碼的工具。

使用方法：默認(rèn)快捷鍵Tab

插件地址：

輔助工具：PyV8下載地址：

注意：Emmet 插件需要 PyV8 插件的支持，所以在安裝 Emmet 時(shí)會(huì)自動(dòng)安裝 PyV8 插件。如果安裝后 Emmet 無法正常使用，很可能是 PyV8 安裝不完整。此問題在文本 2 和 3 中容易出現(xiàn)，可以將其刪除，然后手動(dòng)下載，再使用方法 2 安裝 PyV8 插件。

使用示例：編寫代碼ul#nav>li.item$*8>a{Item $}

然后把光標(biāo)放在這行代碼的末尾，按Tab鍵，就會(huì)自動(dòng)生成：

更詳細(xì)的使用方法可以參考Emmet官網(wǎng)：

7.插件

功能描述：代碼格式化。

使用方法：在打開的文件中單擊鼠標(biāo)右鍵并選擇。

插件地址：

8.插件

功能描述：顯示選定顏色值的顏色，并積分

插件地址：

右鍵點(diǎn)擊十六進(jìn)制顏色值，選擇“顏色”，彈出顏色選擇器，點(diǎn)擊需要的顏色塊。

看看效果，色彩值和顯示色彩都發(fā)生了相應(yīng)的變化。

9. CSS插件

功能描述：展開、收縮CSS屬性，以及格式化CSS代碼。

使用方法：按Ctrl+Alt+[可將CSS代碼收縮為一行，按Ctrl+Alt+]可將CSS代碼擴(kuò)展為多行。

插件地址：或：

快捷鍵Ctrl+Alt+[可以收縮CSS代碼，效果如下：

快捷鍵Ctrl+Alt+]將CSS代碼擴(kuò)展為多行：

10.插件

功能描述：快速生成文件模板。

使用方法：默認(rèn)快捷鍵如下，若快捷鍵設(shè)置沖突，可能會(huì)無效。

Ctrl+Alt+h 創(chuàng)建一個(gè)新的 html 文件

Ctrl+Alt+j 創(chuàng)建新文件

Ctrl+Alt+c 創(chuàng)建一個(gè)新的 css 文件

Ctrl+Alt+p 創(chuàng)建一個(gè)新的 php 文件

Ctrl+Alt+r 創(chuàng)建一個(gè)新的ruby文件

Ctrl+Alt+Shift+p 新建文件

插件地址：

下圖是按快捷鍵Ctrl+Alt+h新建的html文件。

對應(yīng)的模板是tmpl格式的文件，保存在C:\Users\\\\Text 3\\\中。

當(dāng)然你可以根據(jù)自己的喜好更改模板格式，比如將“html.tmpl”改為早期的HTML標(biāo)準(zhǔn)格式，然后保存。

現(xiàn)在按快捷鍵Ctrl+Alt+H新建一個(gè)html文件，其格式和修改后的模板格式一模一樣。如下圖：

添加新語言：您也可以添加模板文件夾中沒有的文件模板，并做相應(yīng)設(shè)置即可使用此功能，具體請參見其中文文檔：

11.插件

功能描述：自動(dòng)對齊代碼格式。

使用方法：快捷鍵Ctrl+Alt+A，可能和QQ截屏沖突，兩者之一需要重新設(shè)置快捷鍵。

插件地址：

12.插件

功能描述：自動(dòng)補(bǔ)全文件（目錄）名稱。

插件地址：

安裝完之后可以測試一下如何使用，我們以一個(gè)css文件為例，當(dāng)輸入href=""時(shí)，Text會(huì)以當(dāng)前編輯文件的路徑為中心，判斷該路徑下的所有文件。

a) 使用此文件作為模板，它將獲取與abc.html同級(jí)的文件列表。

比如我們要鏈接css文件夾下的auto.css文件，那么就直接用css/來鏈接，這樣就會(huì)運(yùn)行css文件夾下的文件。整個(gè)用法都差不多。

b) 喜歡

其余部分也用同樣的方法，不難，只要理解路徑就行。

c) 現(xiàn)在我們來看看需要使用 URL 的 CSS 文件。我們使用同樣的方法，但是因?yàn)槲覀円溄拥缴弦患?jí)文件夾中的 arrow.png，所以我們在前面輸入 ..(上一級(jí))，然后按順序選擇路徑。

13.插件

功能描述：快速為ES6、PHP、、Haxe、、Java、、C、C++和Rust語言生成函數(shù)注釋。

使用方法：在函數(shù)上輸入/**，按Tab鍵即可自動(dòng)生成注釋。

插件地址：

在函數(shù)上方輸入/**，然后按Tab鍵即可自動(dòng)生成注釋。

14.插件

功能描述：智能提示。

插件地址：

15. HTML-CSS-JS 插件

功能描述：HTML、CSS、JS格式化。

插件地址：

安裝方法：在安裝此包之前，您必須先安裝node.js并指定node.exe可執(zhí)行文件的位置。然后安裝HTML-CSS-JS。

方法一：查看->顯示或者使用快捷鍵（Ctrl+`），在命令行中輸入:view.("")，然后回車。

方法二：默認(rèn)快捷鍵：Ctrl+Shift+H。

也可以設(shè)置自己的快捷鍵sublime text 3小程序，在菜單“--->鍵-用戶”中添加以下內(nèi)容：

{    "keys": ["ctrl+shift+o"],    "command": "htmlprettify"}

完成后保存。上面的代碼設(shè)置了執(zhí)行這個(gè)插件的快捷鍵為：Ctrl+Shfit+O，如果自己設(shè)置的話一定要測試一下，確保不和其他快捷鍵沖突。

格式化之前：

格式化后：

16.插件

功能描述：側(cè)邊欄菜單擴(kuò)展功能。

插件地址：

17. 查看插件

功能描述：文本保存后，網(wǎng)頁將自動(dòng)更新。

插件地址：

使用方法：在打開的文檔的任意位置單擊鼠標(biāo)右鍵，選擇“查看方式”，文件將自動(dòng)在默認(rèn)瀏覽器中打開。

如果您的電腦上安裝了多個(gè)瀏覽器，并且您想將另一個(gè)瀏覽器更改為此操作的默認(rèn)瀏覽器，您可以按如下方式設(shè)置：

打開“View In .-”并寫入以下代碼：

{    "browser": "chrome64"}

這樣你就默認(rèn)設(shè)置為“”瀏覽器了。當(dāng)然你也可以改為“”、“”等等，前提是你的電腦已經(jīng)預(yù)先安裝了這些瀏覽器。

18.插件

功能描述：調(diào)試網(wǎng)頁實(shí)時(shí)自動(dòng)更新。

使用方法：快捷鍵Ctr+Alt+V

插件地址：

同時(shí)還必須安裝瀏覽器擴(kuò)展插件。

19.插件（下需安裝客戶端支持）

功能描述：版本控制工具。

插件地址：

20. Theme-Soda 插件

功能描述：最受歡迎的文本主題之一。

插件地址：

安裝完成后，點(diǎn)擊菜單--->--User，根據(jù)所需主題效果添加如下代碼。

對于 Soda light 主題請?zhí)砑樱?/p>

{    "soda_classic_tabs": true,    "theme": "Soda Light 3.sublime-theme",}

對于 Soda 深色主題請?zhí)砑樱?/p>

{    "soda_classic_tabs": true,    "theme": "Soda Dark 3.sublime-theme",}

?

要實(shí)現(xiàn)圖中的效果，還需要下載與之匹配的顏色。下載地址：如果你喜歡 Soda Dark，我推薦你使用它。這個(gè)顏色是 Soda 的增強(qiáng)，和它結(jié)合起來，會(huì)大大提高語法高亮的效果。

如果添加代碼“”:true，則文件選項(xiàng)卡形狀將顯示如下：

如果不添加這行代碼，文件選項(xiàng)卡形狀將如下所示：

21. 主題插件

功能描述：最受歡迎的文本主題之一。

插件地址：

22. Theme-Nexus 插件

功能描述：最受歡迎的文本主題之一。

插件地址：

6. 插件列表

按快捷鍵Ctrl+Shift+P，在對話框中輸入“l(fā)ist”，選擇“:List”。

所有已安裝的插件都會(huì)列出。這樣您就可以輕松知道您安裝了哪些插件。

7. 刪除插件

有時(shí)我們需要?jiǎng)h除不需要的插件。具體步驟如下：快捷鍵Ctrl+Shift+P，在對話框中輸入“ ”，選擇“：”。

然后在出現(xiàn)的插件列表中單擊要?jiǎng)h除的插件。

8.文本窗口操作

1. 分屏

Text 有多種分屏樣式，讓我來仔細(xì)看看。您可以通過菜單“View-à”選擇分屏樣式。

對應(yīng)快捷鍵及分屏如下：

Alt+Shift+單屏

Alt+Shift+:2 將屏幕垂直分成兩列

Alt+Shift+:3 將屏幕垂直分成三列

Alt+Shift+:4 將屏幕垂直分成四列

Alt+Shift+8Rows:2 將屏幕拆分為兩個(gè)水平列

Alt+Shift+9Rows:3 將屏幕分成三個(gè)水平列

Alt+Shift+5Grid 四格式分屏

2. 創(chuàng)建新窗口

快捷鍵Ctrl+Shift+N創(chuàng)建一個(gè)新窗口。

原文鏈接：

免費(fèi)下載地址

文本 3

關(guān)聯(lián)：

密碼：wx5x

復(fù)制此內(nèi)容并打開百度網(wǎng)盤進(jìn)行解壓

如有其他疑問，可以掃描二維碼添加老師進(jìn)行咨詢。

實(shí)驗(yàn)班即將開課

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