Sublime Text Package

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]

  1. 使用SublimeText3創(chuàng)建.md文件,按照Markdown語(yǔ)法輸入要寫(xiě)的內(nèi)容,如下圖


    Markdown語(yǔ)法
  2. Ctrl+Shift+P輸入mp,選擇Markdown Preview: Preview in Browser,選擇markdown,在瀏覽器中打開(kāi)

    選擇markdown,在瀏覽器中打開(kāi)

  3. 在瀏覽器中查看效果如下:


    瀏覽器中查看效果
  4. 按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)成普通文字渲染。

TableEditor用法


IMESupport

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

Sublime Text 中文輸入法跟隨光標(biāo)

AutoFileName

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

快捷輸入文件名


Nodejs

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

node代碼提示


DocBlockr

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

DocBlockr生成優(yōu)美注釋

多行注釋


JSFormat

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

Javascript的代碼格式化插件


Alignment

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

”=”號(hào)對(duì)齊


CSS值轉(zhuǎn)REM

插件效果如下:

cssrem插件效果

安裝

  • 下載本項(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"]。

  1. 詳細(xì)資料: https://packagecontrol.io/packages/Markdown%20Preview ?

  2. 詳細(xì)資料:http://www.itdecent.cn/p/378338f10263 ?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容