Package地址:https://packagecontrol.io/
Theme - Spacegray
主題包
JavaScript & NodeJS snippets
快捷輸入代碼
AdvancedNewFile
ctrl+alt+n創(chuàng)建新文件
DocBlockr
快速添加注釋
CSS Format
css樣式格式化
tortoiseSVN
上傳配置方法(在Preferences->Package Settings->TortoiseSVN->Settings - User)
{
// Auto close update dialog when no errors, conflicts and merges
"autoCloseUpdateDialog": false,
// Auto close commit dialog when no errors, conflicts and merges
"autoCloseCommitDialog": true,
"tortoiseproc_path": "E:\\Program Files (x86)\\bin\\TortoiseProc.exe"
}
注意:目錄層之間用\分割而不是\分割哦~
alt+u 更新 svn_update
alt+c 提交 svn_commit
SASS Build
SASS Build 是一個(gè)編寫(xiě)CSS的預(yù)處理器。這個(gè)特別的插件將幫助你妥善構(gòu)建包括壓縮選項(xiàng)在內(nèi)的SASS文件。一旦你安裝了這個(gè)插件,你可以很容易地通過(guò)按Ctrl+ B。
Package Control
通俗易懂地說(shuō),這個(gè)是你在完成安裝SublimeText后必須安裝的東西。你問(wèn)為什么?因?yàn)橛辛诉@個(gè)特殊的“插件包”,你可以很容易地安裝、升級(jí)、刪除,甚至非常方便地查看您已經(jīng)安裝在SublimeText中的包或插件的列表。它通過(guò)菜單和對(duì)應(yīng)的行為使這些過(guò)程變得非常容易和有組織。
Emmet
概括地說(shuō),Emmet(譯者注:前身就是以前大名鼎鼎的Zen Coding,這個(gè)如果你沒(méi)聽(tīng)說(shuō)和使用過(guò),就悲哀了)是一個(gè)可以讓你更快更高效地編寫(xiě)HTML和CSS,節(jié)省你大量時(shí)間的插件
雙擊選中帶中劃線-的文本
用戶設(shè)置(preferences ——>Settings—user)中增加:
// Characters that are considered to separate words
"word_separators":"./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?",
Markdown Preview[1][2]
-
使用SublimeText3創(chuàng)建.md文件,按照Markdown語(yǔ)法輸入要寫(xiě)的內(nèi)容,如下圖
Markdown語(yǔ)法 -
Ctrl+Shift+P輸入mp,選擇Markdown Preview: Preview in Browser,選擇markdown,在瀏覽器中打開(kāi)
選擇markdown,在瀏覽器中打開(kāi) -
在瀏覽器中查看效果如下:
瀏覽器中查看效果 -
按CTRL + B生成網(wǎng)頁(yè)HTML;在最前面添加[TOC]自動(dòng)生成目錄;
[TOC]自動(dòng)生成目錄
MarkdownEditing
支持Markdown語(yǔ)法高亮;
OmniMarkupPreviewer
實(shí)時(shí)在瀏覽器中預(yù),但MarkdownPreview是需要手動(dòng)生成的和F5的。覽如果雙屏的話,應(yīng)該具有不錯(cuò)的體驗(yàn)??旖萱I如下:
Ctrl+Alt+O: Preview Markup in Browser.
Ctrl+Alt+X: Export Markup as HTML.
Ctrl+Alt+C: Copy Markup as HTML.
TableEditor
書(shū)寫(xiě)Markdown表格的時(shí)候,較好的自適應(yīng)性,會(huì)自動(dòng)對(duì)齊
通過(guò)Ctrl+Shift+P->Table Editor: Enable for current view開(kāi)啟。
先輸入標(biāo)題行,回車后在第二行輸入|-后,按tab鍵就將進(jìn)入Table編輯模式。
表格必須與前面輸入的文字之間有空行,否則表格會(huì)被當(dāng)成普通文字渲染。

IMESupport
功能: sublime中文輸入法
簡(jiǎn)介: 還在糾結(jié) Sublime Text 中文輸入法不能跟隨光標(biāo)嗎?試試「IMESupport 」這個(gè)插件吧!目前只支持 Windows,在搜索等界面不能很好的跟隨光標(biāo)。
使用: Ctrl + Shift + P →輸入pci →輸入IMESupport →回車

AutoFileName
功能: 快捷輸入文件名
簡(jiǎn)介: 自動(dòng)完成文件名的輸入,如圖片選取
使用: 輸入”/”即可看到相對(duì)于本項(xiàng)目文件夾的其他文件

Nodejs
功能: node代碼提示
教程: 地址

DocBlockr
功能: 生成優(yōu)美注釋
簡(jiǎn)介: 標(biāo)準(zhǔn)的注釋,包括函數(shù)名、參數(shù)、返回值等,并以多行顯示,手動(dòng)寫(xiě)比較麻煩
使用: 輸入/、/*然后回車,還有很多用法,請(qǐng)參照


JSFormat
功能: Javascript的代碼格式化插件
簡(jiǎn)介: 很多網(wǎng)站的JS代碼都進(jìn)行了壓縮,一行式的甚至混淆壓縮,這讓我們看起來(lái)很吃力。而這個(gè)插件能幫我們把原始代碼進(jìn)行格式的整理,包括換行和縮進(jìn)等等,是代碼一目了然,更快讀懂~
使用: 在已壓縮的JS文件中,右鍵選擇jsFormat或者使用默認(rèn)快捷鍵(Ctrl+Alt+F)

Alignment
功能: ”=”號(hào)對(duì)齊
簡(jiǎn)介: 變量定義太多,長(zhǎng)短不一,可一鍵對(duì)齊
使用: 默認(rèn)快捷鍵Ctrl+Alt+A和QQ截屏沖突,可設(shè)置其他快捷鍵如:Ctrl+Shift+Alt+A;先選擇要對(duì)齊的文本

CSS值轉(zhuǎn)REM
插件效果如下:

安裝
- 下載本項(xiàng)目,比如:git clone https://github.com/flashlizi/cssrem
- 進(jìn)入packages目錄:Sublime Text -> Preferences -> Browse Packages...
- 復(fù)制下載的cssrem目錄到剛才的packges目錄里。
重啟Sublime Text。
配置參數(shù)
參數(shù)配置文件:Sublime Text -> Preferences -> Package Settings -> cssrem
px_to_rem
- px轉(zhuǎn)rem的單位比例,默認(rèn)為40。
max_rem_fraction_length - px轉(zhuǎn)rem的小數(shù)部分的最大長(zhǎng)度。默認(rèn)為6。
available_file_types - 啟用此插件的文件類型。默認(rèn)為:[".css", ".less", ".sass"]。



