1. 程式人生 > >Sublime安裝Emmet外掛詳解 (步驟配圖)

Sublime安裝Emmet外掛詳解 (步驟配圖)

本文主要介紹使用Package Control 安裝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')

---------分割線小朋友--------

sublime 3

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