由於我做iOS入行IT的,近期有學習H5的想法,於是就開始了......
首先使用Sublime編輯軟件,但是每次創建新文件,都需要重新寫頭文件那一套東西,覺得很不方便,於是就開始裝Emmet插件。具體如下:
一、安裝插件管理器Package Control
1、打開Sublime控制台
打開Sublime,按下Control + `(Mac)或者Ctrl + `(Windows)
也可以在菜單中選擇View > Show Console,
2、根據sublime版本不同粘貼下面的代碼
sublime 2
import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
---------分割線小朋友--------
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
3、根據提示重啟sublime
二、使用Package Control 安裝emmet
1.打開Command Palette
在sublime text 3中按下快捷鍵CTRL + SHIFT + P
或者在菜單中選擇Tools > Command Palette…
1.1如果遇到以下錯誤
Package Control Error executing:
解決方法打開鑰匙串、刪除報錯信息中Cert 0:
左邊對應的證書;親測可用
問題解決參考自:http://stackoverflow.com/questions/33224830/error-executing-security-dump-trust-settings-in-sublime-text-3
1.2如果遇到報錯:missing dependency was just installed.Sublime Text Should Be restarted,otherwise....
解決方法:重啟sublime
2.在彈出的輸入框的自動提示中選擇Package Control: Install Package。
內容很多,可以輸入instaill等關鍵字查詢
3.輸入Emmet並點擊,emmet就開始安裝了
4、再次重啟sublime text 3。
三、Emmet使用指南
*溫馨提示:文檔創建后必須保存為html等格式后,才會出現關聯等快捷效果
推薦參考文章:http://blog.csdn.NET/ys743276112/article/details/38133995
概述:
1、輸入“!”或“html:5”,然后按Tab鍵:,出現頭部和body所有格式;
- html:5 或!:用於HTML5文檔類型
- html:xt:用於XHTML過渡文檔類型
- html:4s:用於HTML4嚴格文檔類型
2、輕松添加類、id、文本和屬性
連續輸入元素名稱和ID,Emmet會自動為你補全,比如輸入p#foo:
...
參考文章:
http://www.jianshu.com/p/3e51778a2027
http://stackoverflow.com/questions/33224830/error-executing-security-dump-trust-settings-in-sublime-text-3
http://blog.csdn.net/lovechris00/article/details/51678930
/***********************至此如果硬件沒有其它問題的話,基本上就可以正常使用******************************/
但是,我去使用時,不能使用,提示:loading pyv8 binary, please wait........
原來還需要安裝pyV8插件
- 下載Emmet所需的pyV8插件(下載地址:https://github.com/emmetio/pyv8-binaries);
- 打開菜單欄
Sublime Text
–Preferences
–Browser Packages
; - 在
Installed Packages
目錄下新建pyV8
目錄,將下載到的pyv8-osx
(OS X10.7以上是pyv8-osx-p3)文件夾拷貝至此; - 重啟ST3。
參考文章:http://uedethan.com/resolve-mac-sublime-text3-because-pyv8-unable-to-load-cause-emmet-unavailable-problems/
這次就可以正常使用了。