文字介紹

在開始之前，我先介紹一下Text。

Text 是一個代碼編輯器（Text 是一個付費軟件，但你可以無限期地試用）和一個用于 HTML 和散文的高級文本編輯器。

Text 是由程序員Jon于2008年1月開發(fā)的sublime text 3 key，最初的設(shè)計是作為具有豐富擴展功能的Vim。

Text 具有漂亮的用戶界面和強大的功能，如代碼縮略圖、插件、代碼片段等。

您還可以自定義鍵綁定、菜單和工具欄。

Text 的主要功能包括：拼寫檢查、書簽、完整的 API、Goto 功能、即時項目切換、多重選擇、多重窗口等。

Text 是一個跨平臺編輯器，支持 macOS、Linux 和 Mac OS X 等操作系統(tǒng)。

用過電腦并且做過開發(fā)的人都知道一個好的IDE可以省去多少麻煩，但很多時候我們需要的只是一些簡單的基礎(chǔ)開發(fā)，然后就可以使用我們的Text。

此外，還有幾款非常值得推薦的開發(fā)工具。

原子（）

（）

（）

當(dāng)然，我們今天的主角也不能缺席。

文本（）

請注意，如需下載，請下載與您當(dāng)前電腦匹配的對應(yīng)版本。

去官網(wǎng)下載編輯器就行，直接官網(wǎng)下載就行，免費的，別下載其他亂七八糟的版本了。

安裝

它之所以受到那么多程序員的追捧，是因為它的靈活性。

自帶插件的安裝是其靈活性的主要原因。

首先安裝插件是必不可少的。

如果您尚未安裝，請先安裝，然后開始本地化它！

安裝完成后，先打開編輯器，然后在頂部菜單找到Tools菜單，如下圖

然后選擇Tools菜單下的選項，如下圖

在打開的命令行模式輸入框中輸入pac，回車進行安裝，如下圖

稍等片刻，軟件會提示如下信息，證明該工具已經(jīng)安裝完成，如下圖

安裝完成后需要關(guān)閉軟件然后重新啟動。

重啟后，您將在菜單欄的菜單下看到和兩個選項。您稍后會用到它們。

使用官方中文插件實現(xiàn)中文本地化

打開后找到以下內(nèi)容

點擊，彈出如下搜索框

找到點擊進入

等待一會兒，會彈出以下界面

搜索找到下面這個選項，這是一個中文插件，點擊安裝。

出現(xiàn)以下界面即安裝完成

安裝完成。這是中文界面。

您也可以直接在設(shè)置中更改語言

這樣，中文翻譯版就完成了。

自動完成提示

其實這個步驟用英文做起來比較簡單，有的同學(xué)比較喜歡英文版的，而且英文版在企業(yè)里比較專業(yè)sublime text 3 key，所以我就用英文版來演示一下。

點擊菜單欄：；選擇：-用戶項；

然后在花括號中輸入以下兩個設(shè)置，您可以直接復(fù)制它們：

““： 真的，

““： 真的

設(shè)置完成后先保存，然后關(guān)閉文本；

重新啟動并創(chuàng)建一個新的HTML文件，系統(tǒng)將會提示你。

英文界面：menu-》-》-User-》添加這句"":true,"":true-》Save-》關(guān)閉編輯器-》重新打開-》完成

中文界面：菜單欄->首選項->設(shè)置->用戶->添加這句"":true,"":true->保存->關(guān)閉編輯器->重新打開->完成

推薦的文本插件

埃米特

功能：編碼快捷鍵，前端必備

介紹：Emmet作為Zen的升級版本，是前端必備的插件，如果不太熟悉可以去其官網(wǎng)觀看具體的演示視頻。

使用教程：

html-css-

功能：格式化Html、css、js文件

簡介：更換和

使用：快捷鍵：ctrl+shift+i

快捷鍵配置：將代碼（數(shù)組內(nèi)）添加到/Key – User

{“鍵”：[“ctrl+shift+i”]，“”：“”}，

功能：格式化以對 CSS 屬性進行排序（處女座必備）

簡介：按一定順序排列

使用方法：下載插件包放入文本文件夾\Data\User目錄下

快捷方式：ctrl+shift+c

功能：方便顏色調(diào)整

簡介：它可以顯示您選擇的顏色代碼的真實顏色（例如“#”、“rgb(255,255,255)”、“white”）。它還包括一個顏色選擇器，可讓您輕松更改顏色。

使用：快捷鍵：ctrl+shift+w

快捷鍵配置：將代碼（數(shù)組內(nèi)）添加到/Key – User

{ “鍵”：[“ctrl+shift+w”]，“”：“”，“”：[{“鍵”：“。”}]}，

功能：一鍵檢測并刪除代碼中的多余空格

簡介：你還在為代碼中多余的空格讓代碼看起來不規(guī)則而煩惱嗎？還是你有處女座情結(jié)？這款插件幫你找出多余的空格，一鍵刪除空格，保存時自動刪除多余的空格，讓你的代碼變得干凈利落。

使用方法：安裝插件重啟，會自動提示多余空格，一鍵刪除多余空格：CTRL+SHITF+T（需要配置），更多配置請點擊標(biāo)題。

快捷鍵配置：在/Key – User（數(shù)組中）中添加代碼{“keys”: [“ctrl+shift+t”],“”:“es”}，

自動保存

功能：自動保存文件

簡介：提供存儲便利

使用方法：默認不自動保存，按快捷鍵Ctrl+Shift+S即可啟用。

快捷鍵配置方法：偏好設(shè)置-快捷鍵設(shè)置，在數(shù)組中添加 { "keys": ["ctrl+shift+s"], "": "" }。如果想自動啟用，請進入偏好設(shè)置-插件-自動保存--usre，粘貼配置即可。

“d”：真，

“”：10，

““： 真的，

"樂": "",

““： 錯誤的，

“使固定”： ””

查看

功能：通過默認瀏覽器打開文件

介紹：方便打開瀏覽器查看編譯效果

使用方法：快捷鍵配置方法：偏好設(shè)置-快捷鍵設(shè)置，在數(shù)組中添加快捷鍵：F12{ "keys": ["f12"], "": "" },

（下載超級慢）

功能：給CSS添加私有前綴

簡介：CSS尚未標(biāo)準(zhǔn)化，因此給各主流瀏覽器賦予一個前綴，以解決兼容性問題

使用方法：快捷鍵配置方法：首選項-快捷鍵設(shè)置，添加 { "keys": ["ctrl+shift+enter"], "": "" },

快捷方式：ctrl+shift+enter

CSS

功能：關(guān)聯(lián)CSS文件，智能提示CSS文件中的類名，很實用

功能：支持原生語法提示，讓媽媽再也不用擔(dān)心我的輸入。(id)

功能：jQ函數(shù)提示

引言：jQ函數(shù)快速輸入，懶人好辦法

功能：快速輸入文件名

介紹：自動完成文件名輸入，比如圖片選擇

使用：輸入“/”查看相對于此項目文件夾的其他文件

功能：代碼檢查

簡介：支持CSS、HTML、Java、PHP、Ruby等十余種開發(fā)語言。

使用方式：需要配置對應(yīng)語言的環(huán)境，檢查代碼需要安裝node.js，檢查PHP代碼需要安裝PHP并配置環(huán)境等。

功能：擴展側(cè)邊欄菜單的功能

介紹：包括在當(dāng)前項目文件夾中創(chuàng)建新文件、移動文件或文件夾、復(fù)制文件或文件夾、在新窗口或瀏覽器中打開、刷新等。

功能：對碼

介紹：可以匹配[]、()、{}、""、高亮標(biāo)記，方便查看開始和結(jié)束標(biāo)記

功能：主題

簡介：如果你喜歡 Soda Dark，我建議你使用

使用：首選項 -> 配色方案 -> 用戶 ->

全文快捷鍵配置

[ { "keys": ["ctrl+shift+t"], "": "es" }, { "keys": ["ctrl+shift+s"], "": "" }, { "keys": ["f12"], "": "" }, { "keys": ["ctrl+shift+enter"], "": "" }, { "keys": ["ctrl+shift+i"],"": ""},{ "keys": ["ctrl+shift+w"],"": "","": [{"key": "."}]},]

點贊吧！

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