Mac 中的sublime text3 如何安裝插件

Mac 中的sublime text3 如何安裝插件

相信大家在Windows系統中試用sublime text 的體驗非常不錯,我也是在Windows系統中使用了兩年的時間,才轉戰Mac系統的,但是說實話,Mac系統好多東西都是十分不習慣,sublime中好多快捷鍵在不同的操作系統中都是不同的,感覺好不習慣啊。不過這也僅僅是一個適應的過程,我相信適應之後,肯定會更加方便的。

好了,廢話都不多說了,下面乾貨呈現!

啦啦啦,我是賣報的小行家。

別問我爲何會想起這句歌詞,因爲我是個音癡!捂臉,⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄

Mac中sublime text安裝插件的步驟:

  1. 在sublime text中頂部標籤欄中View–>Show Console,或者按快捷鍵control+`打開。

這裏寫圖片描述

在下面輸入框中
這裏寫圖片描述

粘貼進以下代碼,並回車,這樣就安裝上了。

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
  1. 安裝一些插件

快捷鍵command+shift+p後會出來列表在輸入框中輸入ip(install package)的縮寫,選擇install package 然後就可以選擇你心儀已久的各種好用到爆的插件了。

下面介紹幾款我一直用着不錯的插件,大家也可以任意搜索自己滿意的插件。

  • Emmet

個人用的不太多,但是熟悉這種書寫方式的你可以使用一下,非常不錯。

功能:編碼快捷鍵,前端必備

簡介:Emmet作爲zen coding的升級版,對於前端來說,可是必備插件,如果你對它還不太熟悉,可以在其官網(http://docs.emmet.io/)上看下具體的演示視頻。

使用:教程-http://docs.emmet.io/cheat-sheet/http://peters-playground.com/Emmet-Css-Snippets-for-Sublime-Text-2/

這裏寫圖片描述

  • LESS

功能:LESS高亮插件

簡介:用LESS的同學都知道,sublime沒有支持less的語法高亮,所以這個插件可以幫上我們

使用:打開.less文件或者設置爲less格式
這裏寫圖片描述

  • sublime-autoprefixer

這個插件相當有用,對於常常寫CSS樣式的同學們來說,是非常有用的。

功能:CSS添加私有前綴

簡介:CSS還未標準化,所以要給各大瀏覽器一個前綴以解決兼容問題

使用:Ctrl+Shift+P,選擇autoprefixer即可。需要安裝node.js。

其他設置如快捷鍵請參考

這裏寫圖片描述

  • Bracket Highlighter

    超級推薦的好用的插件,它會讓你的開發省時又省力!


功能:代碼匹配
簡介:可匹配[], (), {}, “”, ”, ,高亮標記,便於查看起始和結束標記
使用:點擊對應代碼即可

這裏寫圖片描述
  • git

功能: git管理

簡介:git上的功能基本全部都集成了過來。

使用:https://github.com/kemayo/sublime-text-git/wiki

這裏寫圖片描述


  • Doc​Blockr

個人使用的非常多,巨好用無比。
功能:生成優美註釋,非常實用。

簡介:標準的註釋,包括函數名、參數、返回值等,並以多行顯示,手動寫比較麻煩

使用:輸入/、/*然後回車,還有很多用法,請參照

https://sublime.wbond.net/packages/DocBlockr

這裏寫圖片描述

這裏寫圖片描述


  • Trailing spaces

個人特別推薦這個插件,有一個代碼要求嚴格的老大,所以這個兼職就是我的救星。
功能:檢測並一鍵去除代碼中多餘的空格

簡介:還在糾結代碼中有多餘的空格而顯得代碼不規範?或是有處女座情節?次插件幫你實現發現多餘空格、一鍵刪除空格、保存時自動刪除多餘空格,讓你的代碼規範清爽起來

使用:安裝插件並重啓,即可自動提示多餘空格。一鍵刪除多餘空格:CTRL+SHITF+T(需配置),更多配置請點擊標題。快捷鍵配置:在Preferences / Key Bindings – User加上代碼(數組內)

這裏寫圖片描述

大家有用的再好的插件,歡迎指教!(づ ̄ 3 ̄)づ


寫在後面

GitHub上集大家之力搞了一個前端面試題的項目,裏面都是大家面試時所遇到的題以及一些學習資料,有興趣的話可以關注一下。如果你也有興趣加入我們的話,請在項目中留言。項目同時也可以在gitbook上查看。

InterviewLibrary-GitHub
InterviewLibrary-gitbook

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