導語:
Sublime Text 是一個代碼編輯器(Sublime Text 2是收費軟件,但可以無限期試用),也是HTML和散文先進的文本編輯器。Sublime Text是由程序員Jon Skinner于2008年1月份所開發(fā)出來。

一、認識背景
為了能夠順從大勢所趨,我也入了前端的坑,所謂工欲善其事必先利其器,所以如何學習好一門語言,好的開始是從代碼編輯工具開始,Sublime text在前端開發(fā)中也越來越占用比例也越來越重,這里大概簡述入門工具需要注意的一些常用問題以及解決方案。
問題一:Sublime text在文本內(nèi)容或文件名對中文的亂碼現(xiàn)象如何解決?
在Windows上使用Sublime Text 3的時候,發(fā)現(xiàn)一些txt文本打開以后,中文都是亂碼,如下圖。

方法一:拷貝插件
啟動軟件,點擊Preferences > Browse Packages,此時會打開插件安裝目錄。把ConvertToUTF8文件夾解壓到目錄,最后重啟軟件。

方法二:安裝插件(推薦)
直接利用快捷鍵Ctrl+~或者點擊如下窗口選擇Show Console進入命令行窗口


在窗口輸入如下代碼,回車,等待安裝完成,代碼如下,具體對應版本可以查詢https://packagecontrol.io/installation
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())
幾秒后包管理工具Package Control就安裝完成,重啟后選擇菜單Preferences > Package Control
在包管理窗口輸入Install命令,選擇Install Package。在隨后彈出窗口中輸入ConvertToUTF8。


安裝完成后,會打開一個文檔提示。檢查菜單欄發(fā)現(xiàn)安裝成功


至此文本內(nèi)容展示中文亂碼問題已解決,如果發(fā)現(xiàn)標題文件名稱依然出現(xiàn)中文亂碼情況,可根據(jù)如下設置:

問題二:Sublime text如何讓菜單漢化?
解決這個問題根本不需要去尋找漢化版,因為Sublime text已經(jīng)有提供相應的漢化插件,直接在Package Control輸入Install Package,可參考問題一 > 方法二,在彈出的輸入框中輸入Chineselocalizations,如下:

安裝成功后會彈出文本提示,如下。

可在
幫助中切換Language選擇其他語言。
問題三:Sublime text如何支持Markdown編輯與顯示?
作為愛好編寫文字的發(fā)燒友怎么可以少得了Markdown的編寫,所以怎么才能讓Sublime text更加強大,能夠支持更多功能呢, 小編又一番搜索了下,發(fā)現(xiàn)在Sublime Text中有相應插件可以支持編寫MarkdownEditing、預覽Markdown Preview,具體安裝步驟如下:
-
MarkdownEditing的支持
直接在Package Control輸入Install Package,可參考問題一 > 方法二,在彈出的輸入框中輸入 MarkdownEditing,如下圖,安裝即可。

-
Markdown Preview的支持
直接在Package Control輸入Install Package,可參考問題一 > 方法二,在彈出的輸入框中輸入 Markdown Preview,如下圖,安裝即可。

快速查看Markdown 可用快捷鍵
Ctrl+Alt+P彈出命令行中輸入Markdown Preview或者輸入mdp,選擇Markdown Preview:Preview in Browser,此時會彈出GitHub和Mardown兩個選項。
- GitHub選項意味著使用GitHub的在線API來解析.md文件。它的解析速度取決于你的聯(lián)網(wǎng)速度。據(jù)稱有每天60次訪問的限制。但能免費獲得GFM格式的語法支持和EMOJI表情的支持。
- Mardown選項采用默認瀏覽器mardown解析
此處因為常用可在Preferences -> Key Bindings User配置自己的快捷方式
{ "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} }