1. 程式人生 > >Mac/Windows平臺折騰SublimeText3最新版3126(安裝必備外掛Markdown、Emmet等)

Mac/Windows平臺折騰SublimeText3最新版3126(安裝必備外掛Markdown、Emmet等)

簡介

前面零零散散記錄了不少關於配置SublimeText3的文章,過於分散,本文以SublimeText3最新版本3126為基礎,安裝常用外掛,包括UTF8、Markdown等8個必備外掛,如果新增外掛會持續更新到文中。平臺包括Mac和Windows,本文在Mac上,但完全適用Windows,文末附Windows上安裝外掛後的壓縮包下載,可以直接解壓後使用。
前文文章列表:

下載註冊

官網下載即可,開啟看到右上角為未註冊,從help裡輸入license:

—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667 C458EA6D 8EA3C286 98D1D650 131A97AB AA919AEC EF20E143 B361B1E7 4C8B7F04 B085E65E 2F5F5360 8489D422 FB8FC1AA 93F6323C FD7F7544 3F39C318 D95E6480 FCCC7561 8A4A1741 68FA4223 ADCEDE07 200C25BE DBBC4855 C4CFB774 C5EC138C 0FEC1CEF D9DCECEC D3A5DAD1 01316C36 —— END LICENSE ——

上面的license就是ok的。
安裝完畢後在Preference-Settings裡,右側可以加入這兩句設定font_size和取消自動更新,右側完整內容如下:

{
    "ignored_packages":
    [
        "Vintage"
    ],
    "font_size": 18,
    "update_check":false
}

安裝外掛

ctrl+~調出console,然後輸入

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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)

然後按cmd + shift + p檢查是否安裝成功。如果離線安裝的話,將下載下來的Package Control.sublime-package檔案放置在Installed Packages資料夾(從Browse Packages開啟的路徑往上翻即可找到)即可。

    "http_proxy": "http://127.0.0.1:8118",
    "https_proxy": "http://127.0.0.1:8118",

之後再安東西就飛一般的速度了,如果網路不存在這個問題可以忽略。

無論是在Mac上用還是Windows上,都不可避免處理gbk編碼的檔案,這個外掛必不可少。通過PackageControl-Install Package搜尋Convert​To​UTF8安裝即可,其安裝後目錄如下所示:

注意:這個外掛不像PackageControl的安裝,將字尾sublime-package檔案放置在Installed Packages,而是在Packages目錄下新建的資料夾,如果採用離線安裝方式請注意!

直接從PackageControl安裝即可。

在Preference–Key Bindings右側user區域輸入:

{"keys": ["alt+m"], "command": "markdown_preview", "args": { "target": "browser"}}

這樣新建一個md字尾的檔案,按下alt + m快捷鍵就可以在瀏覽器裡預覽了。
為了支援程式碼高亮和mathjax,在Preference--Package Settings--Markdown Preview--Settings User輸入如下:

{
    /*
        Enable or not mathjax support.
    */
    "enable_mathjax": true,

    /*
        Enable or not highlight.js support for syntax highlighting.
    */
    "enable_highlight": true
}

預設的markdown格式是Markdown GFM(github favor markdown),用這個就ok。如果想改的話在View--syntax--markdown editing裡改。另外,其預設的md檔案寫作環境主題是:

"color_scheme": "Packages/MarkdownEditing/MarkdownEditor.tmTheme"

就是白裡發灰的那種,如果想改的話,在Preference--Package Settings--Markdown Editing--Markdown GFW Settings-User裡輸入:

{
    "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme"
}

這樣就成了黑乎乎的主題,支援的所有主題有:

    "color_scheme": "Packages/MarkdownEditing/MarkdownEditor.tmTheme",
    // "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",
    // "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Yellow.tmTheme",

    // This is a quick and dirty focus theme. In order to make it work, you've to
    // set `"highlight_line": true,` in this settings file. It is likely that there will
    // be more mature focus improvements in the future (maybe similar to iA Writer).
    // "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Focus.tmTheme",

這四個主題都不太好,能用的就預設的MarkdownEditor.tmThemeMarkdownEditor-Dark.tmTheme

由於我不希望txt也被markdownedit識別,所以增加一句設定:

"extensions":
    [
        "md",
        "mdown"
    ],

安裝後使用主題:

"color_scheme": "Packages/PlainTasks/tasks-solarized-dark.hidden-tmTheme"

新建字尾todo的檔案就可以看到效果了:

7.Emmet

這個沒啥好說的,如果要處理html相關必裝的外掛!

寫JS必備!

安裝之後側邊欄的右鍵更加豐富:

預設的開啟關閉側邊欄的快捷鍵是CMD+b,CMD+k,不太方便,在Preference--Key Bindings的右側User區域增加一行:

{ "keys": ["f1"], "command": "toggle_side_bar" }

這樣按f1就可以開啟關閉側邊欄了!

下載完畢後,Preference--Settigns的右側面板增加一句:

"theme": "Soda Light 3.sublime-theme",
//"theme": "Soda Dark 3.sublime-theme"

我使用的是Light theme,使用後確實清爽了不少。

使用前:

使用後:

一切完畢後

Packages內容

Installed Packages內容

Windows(64位)下載

Windows(64)位上在官方下載sublimetext3後,安裝上述外掛後,可以直接點選如下連結下載:

  • csdn
    csdn上不會持續更新,最好從github上下。