1. 程式人生 > >(圖文超級詳細)sublime text 3安裝過程、語言漢化、基本外掛安裝、重要快捷鍵彙總(極適於小白零基礎開始學習使用sublime text 3)

(圖文超級詳細)sublime text 3安裝過程、語言漢化、基本外掛安裝、重要快捷鍵彙總(極適於小白零基礎開始學習使用sublime text 3)

sublime text 3安裝過程、語言漢化、基本外掛安裝、重要快捷鍵彙總

Sublime Text:是一款具有程式碼高亮、語法提示、自動完成且反應快速的編輯器軟體,不僅具有華麗的介面,還支援外掛擴充套件機制,用它來寫程式碼,絕對是一種享受。相比於難於上手的Vim,浮腫沉重的Eclipse,VS,即便體積輕巧迅速啟動的Editplus、Notepad++,在SublimeText面前也大顯失色,無疑這款性感無比的編輯器是Coding和Writing最佳的選擇,沒有之一。

在這裡插入圖片描述

一、sublime text 3安裝及漢化

官方下載地址:http://www.sublimetext.com/3 下載安裝包後一直next即可,到了選擇安裝目錄這一步,可以根據自己需要選對應的安裝地址,此處,我選擇D盤如下圖所示: 在這裡插入圖片描述

安裝好後,開啟Sublime Text 3,你會發現是英文版,不用慌。下載sublime text 3漢化包。下載地址為漢化包下載

把漢化包裡面檔名為Default.sublime-package的檔案放在Sublime Text 3所在目錄中的Packages資料夾裡面,替換原來的即可。 在這裡插入圖片描述 在這裡插入圖片描述 重新開啟Sublime Text 3,你會發現選單已經變成了中文了。部分可能還存在漢化不完整,不過都基本夠用了啦。

二、安裝Package Control元件

1、使用 ctrl+~快捷鍵 或者 選單項 [檢視] > 顯示控制面板 來調出命令介面 在這裡插入圖片描述 2、貼上以下程式碼到底部命令列並回車:

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()) `在這裡插入程式碼片`

3、重啟Sublime Text 3。 4、若在“首選項”—“Package settings”中有“Package Control”選項,則安裝成功。 在這裡插入圖片描述

三、安裝Emmet外掛

1、Emmet外掛用法

快速編寫HTML程式碼,用它寫HTML,可以讓你快到飛起。 直接在編輯器中輸入HTML或CSS的程式碼的縮寫,然後按tab鍵就可以拓展為完整的程式碼片段。

例如:輕鬆新增類、id、文字和屬性

連續輸入元素名稱和ID,Emmet會自動為你補全,比如輸入p#foo 然後按快捷鍵:ctrl+e,會自動生成

<p id="foo"></p>

完整用法可參見Emmet文件。 2、用Package Control安裝emmet外掛 按下Ctrl+Shift+P調出命令面板 在這裡插入圖片描述

輸入install 調出 Install Package 選項並回車,等待載入外掛列表。 在外掛列表中,輸入emmet 進行搜尋,點選安裝。 在這裡插入圖片描述

安裝完畢後,在選單->preferences->Package Settings選項裡即可看到Emmet,即安裝成功。 在這裡插入圖片描述

四、其它重要的外掛

1、All Autocomplete

Sublime Text 預設的 Autocomplete 功能只考慮當前的檔案,而 AllAutocomplete 外掛會搜尋所有開啟的檔案來尋找匹配的提示詞。

2、SublimeREPL 這可能是對程式設計師最有用的外掛。SublimeREPL 允許你在 Sublime Text 中執行各種語言(NodeJS , Python,Ruby, Scala 和 Haskell 等等)。

3、ColorPicker 通常,如果你想使用一個顏色選擇器則可能開啟 Photoshop 或 GIMP。而在 Sublime Text 中,你可以使用內建的顏色選擇器。安裝完成後,只要按下Ctrl / Cmd + Shift + C 快捷鍵。

4、Sublime Tmpl 快速程式碼格式化(html,javascript,css,php,ruby,python) 快捷鍵

ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php
ctrl+alt+r ruby
ctrl+alt++shift+p python

5、SASS Build SASS Build 是一個編寫CSS的前處理器。這個特別的外掛將幫助你妥善構建包括壓縮選項在內的SASS檔案。一旦你安裝了這個外掛,你可以很容易地通過按Ctrl+ B(MAC系統是 Command +B)來啟動它。

6、GIT 雖然名字看上去並不友好,但作為開發者的你肯定一眼就能明白它是幹什麼的。這個外掛會將Git整合進你的SublimeText,使的你可以在SublimeText中執行Git命令,包括新增,提交檔案,檢視日誌,檔案註解以及其它Git功能。

7、 SublimeCodeIntel 一個全功能的 Sublime Text 程式碼自動完成引擎 ,但是如果和webstorm的自動尋找還是稍遜一籌,不過對於大部分人來說夠用了,能很方便跳到你想要的方法

支援的語言挺多的(JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.)

8、 Color Highlighter 顏色功能

9、 DocBlockr DocBlocker 是在Sublime平臺上開發一款自動補全註釋外掛,支援JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.等眾多語言。