Sublime Text安裝及插件配置

一、Sublime Text版本號

Sublime Text Build 3176 x64 Setup.exe

二、Sublime Text安裝Package Control

進入sublime後,按快捷鍵 (Ctrl + `) 進入命令行模式,然後在命令行模式中輸入如下命令:

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; 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)

稍等片刻,知道命令行的狀態欄不再滾動即表示完成安裝。

三、安裝插件

快捷鍵(Ctrl + Shift + p)然後輸出 install package 並回車,在插件列表中選擇相應的插件即可進行安裝,安裝後重啓Sublime Text即可。
1、Emmet:可以使用組合鍵快速輸入html結構(!+tab,html:5+tab)
2、View In browsers:在Sublime Text中可以右鍵打開瀏覽器
3、SideBarEnhancements:設置快捷鍵打開瀏覽器
Preferences>Key Bindings>Default(Windows).sublime-keymap-User中輸入如下配置:

[
	//chrome
{
    "keys": ["f2"],//快捷鍵
    "command": "side_bar_files_open_with",
    "args":
    {
        "paths": [],
        "application": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe",//瀏覽器安裝路徑(路徑中的\\線是轉義\,不設置可能報錯)
        "extensions": ".*" //匹配任何文件類型
    }
},
//firefox
{
    "keys": ["f3"],
    "command": "side_bar_files_open_with",
    "args":
    {
        "paths": [],
        "application": "D:\\Program Files\\Mozilla Firefox\\firefox.exe",
        "extensions": ".*"
    }
},
//ie
{
    "keys": ["f4"],
    "command": "side_bar_files_open_with",
    "args":
    {
        "paths": [],
        "application": "C:\\Program Files (x86)\\Internet Explorer\\iexplore.exe",
        "extensions": ".*"
    }
}
]

4、取消自動補全:
preference->Settings->添加:“auto_close_tags”:false
當需要自動補全標籤時改爲:true
5、git插件安裝
在sublime text3中安裝完git插件後,進行設置,設置爲我們從git官網下載的git。打開Preferences->Package Settings->Git->Settings-User中輸入自己安裝的git.exe路徑,具體如下所示:

{
	"git_command":"D:\\Program Files\\Git\\cmd\\git.exe"
}

6、安裝markdown相關的插件[7]
MarkdownEditing:設置.md文件的語法、主題等。把 Markdown GFM Settings—default 的內容複製到 Markdown GFM Settings—User[6]。

// 設置爲和sublime的主題相同,但是感覺白色字體看着太亮了,沒有選擇
"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme 

OmniMarkupPreviewer:實時在瀏覽器上預覽,在Windows上快捷鍵使用如下所示:
Ctrl + Alt + O : Preview Markup in Browser.
Ctrl + Alt + X : Export Markup as HTML.
Ctrl + Alt + C : Copy Markup as HTML.
7、安裝語法檢測插件
(1)安裝依賴環境node.js(2018年10月15日:node-v8.12.0-x64.msi)
在命令行中輸入 node --version,查看node的版本號,如果存在則說明安裝成功。
然後在cmd中使用npm安裝其他插件:

npm install -g jshint
where jshint  #查看jshint安裝的位置

(2)安裝SublimeLinter、SublimeLinter-jshint
(3)JSHint Gutter[8],暫時移除了該插件。
8、自動提示插件
SublimeCodeIntel
9、開啓VIM
直接通過 Preferences->settings 開啓vim即可,具體配置如下所示:
在這裏插入圖片描述

參考文獻

[1]Sublime Text3下載地址:https://www.sublimetext.com/3
[2]https://segmentfault.com/a/1190000014156842
[3]Emmet使用方法:http://www.iteye.com/news/27580
[4]https://www.cnblogs.com/lwf000/p/9395922.html
[5]https://blog.csdn.net/wxl1555/article/details/69941451
[6]MarkdownEditing主題設置:https://www.jianshu.com/p/601ac86b83ba
[7]Sublime Text3上MarkDown設置:https://www.jianshu.com/p/335b7d1be39e
[8]JSHint Gutter配置:https://jarontai.github.io/blog/2014/11/28/sublime-jshint/
https://www.jianshu.com/p/7247d24ed231

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章