歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux基礎 >> Linux教程 >> 高端唯有定制,把 sublime 打造成專屬的 IDE

高端唯有定制,把 sublime 打造成專屬的 IDE

日期:2017/2/28 13:57:00   编辑:Linux教程

前言

用過一些IDE,如eclipse、intelliJ,這些IDE是很智能,插件也不少,但個個都不是省油的燈————內存殺手。更受不了的是10G內存eclipse占了2G+之後還是卡。

不再做全棧開發之後開始使用輕量級的編輯器,用過的編輯器有Emacs(ctrl到死實在用不慣)、Vim(比較好用,但是速度上以及插件方便程度不如sublime)、ultraedit(據說是黑客必備編輯器,插件太少)、atom(github版的sublime,一直很看好,可惜速度慢我不能接受)、sublime(速度快,插件豐富,還支持vim操作)。最終選擇了受眾多人追捧的sublime。

本人平常開發主要語言是javascript(jquery、angular)、html、css(bootstrap),用到一些工具如gurnt、less、git、svn。除了命令行(其實sublime也有個terminal插件,不過窗口太丑,功能也不強大,所以不如直接win+r來得快),基本上都在sublime這個“IDE”上操作。主要用到了以下插件:

代碼校驗、提示、優化

Alignment

美化對其”=”、”:”這些符號。

BracketHighlight

代碼塊括號高亮工具,可以自定義括號顏色。

DocBlockr

在函數上一行輸入/**然後回車,神奇的事情發生了,jsdoc就生成了。

Emmet

以前叫zencoding,快速編寫html的一個插件。

HTML-CSS-JS Prettify

html、css、js文件一鍵優化,但貌似只會優化縮進。

AngularJS

編寫Angular時給出智能提示。

JQuery

JQueryAPI的智能提示

SublimeLinter & SublimeLinter-jshint

配合使用,支持js語法規則校驗,每個js編寫者必備。

文件保存預覽

Local History

非常推薦,智能緩存編輯過的文件,有點像本地版本管理工具。

Markdown Preview & MarkdownEditing

寫markdown的好搭檔,用來顯示預覽md格式文件的效果。

Minifier

手動版js文件壓縮工具。

版本控制

SVN

插件功能很像小烏龜TortoiseSVN,在側邊欄上右鍵操作即可。

Git

右鍵可視化操作,同上。

sublime自身優化

Dracula Color Scheme

黑白灰,一個極簡主題,適合低調的開發者。

AdvancedNewFile

可以直接用快捷鍵ctrl+alt+n在sublime的控制台創建文件(夾)

自動化工具

Grunt

IDE都有一個神奇的功能,只要保存代碼,就會自動編譯發布,這一點可以利用Grunt的watch插件來實現。sublime的Grunt插件只是方便調用項目中已經配置的Gruntfile.js中的任務。用ctrl+p輸入grunt即可使用,智能方便。

目前聽說的自動化工具有3種:Grunt、Fis、Gulp。

  • Grunt是比較成熟的自動化管理工具,有豐富的插件,將代碼自動化分解成一個一個的任務來執行。
  • Fis百度出的自動化工具,應該比較符合國人習慣,如果偷懶可以考慮使用。
  • Gulp比較推薦,類似node.js的流處理效率較高,插件也蠻豐富,據資料顯示目前人氣最高的自動化工具。

最後補充

改為vim模式

vim是一個脫離鼠標操作的古老編輯器,vim的操作方式意味著通過模式的切換來執行光標定位、移動、剪切等操作,大大提高編寫速度。很高興的是sublime可以配置成一個”偽vim”。

在菜單欄上依次點擊 Preferences —> setting-user,添加一個屬性:“ignored_packages”: [“Vintage”]

更多

sublime能夠如此之火的原因在於插件非常豐富,在PackageControl上查看top100的插件逐個篩查也是一種高效的查找方式。

Copyright © Linux教程網 All Rights Reserved