sublime 的使用總結(jié)

不管你用什么編輯,sublime是首選編輯器,就是sublime淘汰,但已成為標(biāo)準(zhǔn)。例如:atom,幾乎等同sublime,及其他可以幾乎調(diào)成到sublime。

一、常用插件

插件搜索地址:packagecontrol.io。當(dāng)然你也可以在github上搜索了。

1. SideBarEnhancements (broweser preview)

你看名字以為是這邊欄擴(kuò)展,但是可以解決瀏覽器預(yù)覽問題。建立快捷鍵方式,用strl + shift + p 去搜索key binding user。
set keyShortcut configunation, you will go to ctrl + shift + p and search key bind user.

[
    { "keys": ["ctrl+shift+c"], "command": "copy_path" },
    //chrome
    { "keys": ["f1"], "command": "side_bar_files_open_with",
             "args": {
                "paths": [],
                "application": "C://Program Files (x86)//Google//Chrome//Application//chrome.exe",
                "extensions":".*" //匹配任何文件類型
            }
    },
    //360
    { "keys": ["f2"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:\\Users\\Administrator\\AppData\\Roaming\\360se6\\Application\\360se.exe",
                "extensions":".*" //匹配任何文件類型
            }
    },
    //ie
    { "keys": ["f3"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:\\Program Files (x86)\\Internet Explorer\\iexplore.exe",
                "extensions":".*" //匹配任何文件類型
            }
    },
    // firefox
    { "keys": ["f4"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "D:\\Program Files\\Mozilla Firefox\\firefox.exe",
                "extensions":".*" //匹配任何文件類型
            }
    }
]

ps: 如果前端自動(dòng)化,那么這個(gè)做法只是測(cè)試一些html,css,js采用,真正的項(xiàng)目,你還是用自動(dòng)化(gulp、grunt、webpack、browserify,前端四大金剛)。


2. sass 、scss、css3

這個(gè)我沒有找到合適autocomplete plugin package,并沒能將這個(gè)三個(gè)自動(dòng)合在一起,導(dǎo)致你寫scss,想寫css3的屬性,他沒有提示,寫css3時(shí),scss也沒提示,scss和sass并且亂用的,我在其他編輯器中,發(fā)現(xiàn)都是整合在一起的。例如:atom做到了。

我不知道有什么其他好方法,能夠?qū)⑦@三個(gè)的autocomplete整合在一起。

注意: 這里我沒安裝compass和autoprefixer,安裝過,后卸載了。另外其他編輯器atom和webstorm,phpstorm、Hbuild等也不沒有配置。想想看每個(gè)編輯要配置,一個(gè)月能用那么幾次測(cè)測(cè)東西,因此,我將他們卸載和禁用,用 Koala + Browser-Sync來替代。

3. sublimeText-nodejs

看名字,就明白是nodejs插件,我不太喜歡 ctrl + b 來執(zhí)行運(yùn)行nodejs,與cli的命令都不一樣,也沒有那么多時(shí)間記這些命令,所以還是老老實(shí)實(shí)在cli中敲命令。

其他插件,提一個(gè)名字,看英文單詞

4. sublime-compare-side-by-side

這個(gè)是在側(cè)邊項(xiàng)目欄,右擊項(xiàng)目文件,呼出的菜單面板。

5. emmet

6. python-markdown

這個(gè)他自身配有

7. formatting 或者 prettify Code

8. terminal

9. AdvanceNewFile

  • ctrl + alt + n 創(chuàng)建文件
  • ctrl + alt + shift + n

10. sublime-compare-side-by-side

search

compara width

11. IMESupport

解決IME候選框不跟蹤的問題

總結(jié):當(dāng)然,插件很多種,就看個(gè)人喜好。


二、插件備份

配置好了自己編輯器,做備份,為以后安裝方便。有三種備份方法:

  • 備份在github上
  • 備份在云盤上
  • package sync

三、啟動(dòng)和禁用插件

    n package diable

或者

    n package enable

四、快捷鍵的設(shè)置

我不太喜歡設(shè)置快捷鍵,除了個(gè)瀏覽器預(yù)覽設(shè)置外。我其他都保持默認(rèn)。很多時(shí)候靠 ctrl + shift + p 來搜索命令。若真要設(shè)置,進(jìn)入key binding-user。查看所有默認(rèn)快捷鍵方式,進(jìn)入key binding-default。

常用快捷鍵,看很多文章,總是一長串,花時(shí)間記錄快捷鍵,還不如多多記代碼。
<font text-aling=center> 還不只需要記住ctrl + shift + p </font>
記不住,就搜(the English capacity problem, it is your problem, rather than not belong me)

  • ctrl + p 文件搜索
  • ctrl + R 文件替換
  • 分屏
    • alt + shift + 1
    • alt + shift + 2
    • alt + shift + 3
    • alt + shift + 4
    • alt + shift + 5
    • alt + shift + 8

五、在cli用subl打開文件,如下:

subl a.txt

1. window系統(tǒng)下

1) cmder 和 cmd

doskey subl="D:\Program Files\sublime3\Sublime Text 3\sublime_text.exe" $*

ps: 上面要通過管理員權(quán)限啟動(dòng)cli并輸入,是否加上變量環(huán)境(不太清楚,我的電腦加上了),

2) cygwin

$ echo 'alias subl="/cygdrive/c/Program\ Files/Sublime\ Text\ 2/sublime_text.exe"' >> ~/.bashrc

在這個(gè)問題上百度是吃狗屎的,請(qǐng)上stackoverflow

2. mac下

沒用過mac,這里提供傳送門

最后編輯于
?著作權(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),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

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