Sublime Text2是之前在高軟聚會所學習到的工具
這個工具對我來說就是Notepad++動態版
為什麼這麼說呢?
能夠像Eclipse或是Visual Studio一樣有智慧標籤,也能夠安裝第三方套件在編輯器上
Zen-coding又是另一個第三方套件,該套件可以加快開發者對於HTML開發速度
Zen-coding有支援以下的第三方編輯器
- Dreamweaver (Windows, Mac)
- Sublime Text (Windows)
- Sublime Text 2 (crossplatform) — install it from Package Control
- UltraEdit (Windows)
- TopStyle (Windows)
- GEdit (crossplatform) — Franck Marcia's plugin, Mike Crittenden's plugin
- BBEdit/TextWrangler (Mac) — external download
- Visual Studio (Windows) — at Visual Studio Gallery
- EmEditor (Windows) — external download
- Sakura Editor (Windows) — external download
- EditPlus (windows) — external download, release notes
- NetBeans (crossplatform) — download
- Chrome Extension — external download
- Userscript for Greasemonkey — external download
- Geany — external download
- RJ TextEd — built in since v7.50
- AkelPad — external download
- WIODE web-based IDE
- BlueFish — built-in in v2.2.1
- Codelobster PHP Edition — built-in in v4.3
- ShiftEdit — online IDE
支援那麼多的編輯器,但是玩過得沒幾個,XD
首先呢!先按下
Ctrl + `,按下Enter
再輸入
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())
安裝完成在重啟
選到工具列的Preferences/Package Control
並且輸入
Install Package
參考『Sublime Text 2 安裝 Zen Coding 外掛』是輸入『zencoding』,但是那似乎是Mac在用的?
問了我同學那位神人之後,他說要輸入『Emmet』
我們就輸入『Emmet』試試看吧,果真神人同學就是不一樣
安裝完成後,就會出現以下說明
根據『神器二合一!SUBLIME TEXT 2+ZEN CODING』,輸入
Ctrl + Alt + Enter就會出現輸入的地方可以輸入table等等的HTML Tag
其餘就等各位自行嘗試吧
參考資料:
http://www.uisdc.com/sublime-text-2zen-coding
http://blog.lyhdev.com/2012/12/sublime-text-2-zen-coding.html
https://code.google.com/p/zen-coding/