推薦個前端開發工具 完美自動補全 Sublime Text 2


前言:作為前端攻城師,開發工具很重要!它可以讓你更有效率的開發出優質代碼,節約時間,so選擇工具很重要!

 

遠古年代,我們用DW,雖然它功能也很強大,但強大的內存占用率以及經常"掛"讓我們痛苦不堪,所以果斷放棄!(初學者可以用一下,畢竟它有個預覽模式還是可以的)
近現代我們用editplus,棒子出品,功能強大,界面簡潔美觀,且啟動速度快;中文支持比較好;支持語法高亮,但是對於我們越來越多的代碼量,越來越復雜的嵌套關系,它顯得簡單了一些。

現在,我們用 Sublime Text

1.不僅是漂亮

之前npp吸引我的重要因素是它輕量,擴展性不錯,一些特性用得很爽(如:關鍵詞自動高亮匹配,代碼自動完成)

嘗試用sublime是因為它相對於npp來說真的漂亮好多。且目前的版本,功能基本上跟npp差不多,甚至細細研究發現有很多好玩的東西

2.眼前一亮概要欄的創新設計

除了外觀好看,還有一個原因讓我喜歡上sublime是因為有個很酷的概要欄(配圖中右側顯示代碼縮略圖的東東),

當編輯一個大文件時,這個東西不但能幫助快速對應到相應代碼區,同時。。這東西就是個炫機神技哇~~ 特別是滿屏代碼的時候,真是賞

心悅目

話說最新版的npp 也有這個功能了。

3.主題配色很強大,但仍需改進

像notepad++ 一樣 sublime的配色功能很強大,研究了一周,把原先在npp里的主題配色搬到了sublime上(配圖就是)。目前我只配了css

html 的配色。

說它仍需改進是,配色表是個xml,而且語法對應沒有幫助文檔,需要去默認配色里查,調試起來不方便,但看着xml文檔覺得還是挺強大的。

4.所有快捷鍵可自定義

這個功能要比npp要強,因為npp的默認快捷鍵不太好改(可能不知道怎么改),而且有些插件的快捷鍵(zen code)會干擾其他軟件,讓人匪夷

所思。

你可以通過Commend palette 菜單(ctrl+shift+ p) 中搜索key 來打開默認default key 文件,和 user key 文件,

default文件里記錄了所有的快捷鍵內容,user里可以寫同樣的快捷鍵來覆蓋已有的。

5. Snippets 自動提示功能

sublime 的 Snippets 是一種可以自定義代碼補全功能,簡單的說就是可以自己做一個代碼片段然后存到 user 文件夾(sublime 目錄下有個

user文件夾)下,

這個時候就可以根據需要簡化自己的代碼。如:通過定義代碼片段,你只要輸 clog+TAB 就能輸出 console.log(); 文件代碼如下:(Tools

> 使用了將近2周才發現 sublime 的代碼提示好詭異,就是代碼提示竟然都是由Snippets組成的。並且每個文件只能存一個代碼片段。並且

自帶的代碼,如css目錄下的Snippets 很多都不好用 =,=, 這讓人情何以堪哇。

6.擴展性 – 插件 – 自己動手

7.缺點 – 項目管理功能缺少

這個可能是目前碰上的唯一的缺點了哇,原先npp可以將幾個文件甩到一個project 塊里,方便切換,sublime在這方面還很不足。

不知道是不是有插件能做到?誰知道求分享

8.好軟件要付費哇~ T__T

不付費? 就得忍受時不時(應該是判斷保存次數),彈出個窗口提示你去付費。等完美點就買~ ⊙﹏⊙

 

現在就告訴下大家安裝步驟以及使用方法,是不是很期待呢??

想了解更具體的介紹 請看http://www.appinn.com/sublime-text-2/

訪問http://www.sublimetext.com/2官網

 

根據你的pc環境選擇版本:

image

然后安裝運行!

目前這款軟件沒有中文版,不過可以下載破解版的。度娘上一堆,但要注意安全性!

 

安裝Sublime Text 2插件的方法:

1.直接安裝

安裝Sublime text 2插件很方便,可以直接下載安裝包解壓縮到Packages目錄(菜單->preferences->packages)。

2.使用Package Control組件安裝

也可以安裝package control組件,然后直接在線安裝:

  1. 按Ctrl+`調出console
  2. 粘貼以下代碼到底部命令行並回車:
    import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
  3. 重啟Sublime Text 2。
  4. 如果在Perferences->package settings中看到package control這一項,則安裝成功。

如果這種方法不能安裝成功,可以到這里下載文件手動安裝

用Package Control安裝插件的方法:
  1. 按下Ctrl+Shift+P調出命令面板
  2. 輸入install 調出 Install Package 選項並回車,然后在列表中選中要安裝的插件。

不爽的是,有的網絡環境可能會不允許訪問陌生的網絡環境從而設置一道防火牆,而Sublime Text 2貌似無法設置代理,可能就獲取不到安裝包列表了。

 

軟件裝完,插件裝完,讓我們體驗一下它的魅力吧!

 

 

更多快捷鍵請看http://lucifr.com/2012/02/08/useful-entries-in-sublime-text-2-context-menu/

 

希望大家共同進步吧~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM