【道勤網(wǎng)】- bmrsportswear.com 軟件視頻自學(xué)教程|免費教程|自學(xué)電腦|3D教程|平面教程|影視動畫教程|辦公教程|機械設(shè)計教程|網(wǎng)站設(shè)計教程!【道勤網(wǎng)】
標題: Sublime Text2 新建文件快速生成Html頭部信息和炫酷的代碼補全 [打印本頁]
作者: quanshiyinian 時間: 2014-11-24 10:29
標題: Sublime Text2 新建文件快速生成Html頭部信息和炫酷的代碼補全
預(yù)備:安裝emmet插件(previously known as Zen Coding)
方法一 package control法:
上一篇已經(jīng)介紹了如何安裝package control。打開sublime,mac下用command + shift + p調(diào)出命令窗口,輸入install,選中package control:install package,等待1-2秒,下拉選中emmet plugin回車,等待2-3秒,重啟sublime。 方法二 手動安裝法:
git下emmet plugin,打開sublime,preferences,browse packages,將下載的zip文件解壓放到packages文件夾下,重啟sublime。 參見:官方安裝文檔 用命令 command + F 查找 install即可。
刪除已安裝插件:按ctr+shift +p然后輸入remove 回車,再輸入要刪除的插件名。
開始體驗:輸入以下簡寫,按tab鍵html:5
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Document</title>
- </head>
- <body>
-
- </body>
- </html>
復(fù)制代碼 html:4t
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
- <title>Document</title>
- </head>
- <body>
-
- </body>
- </html>
復(fù)制代碼 html:4s
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <html lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
- <title>Document</title>
- </head>
- <body>
-
- </body>
- </html>
復(fù)制代碼 html:xxs
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
- <title>Document</title>
- </head>
- <body>
-
- </body>
- </html>
復(fù)制代碼 ul#nav>li.itemS*4>a{Item $}
- <ul id="nav">
- <li class="itemS"><a href="">Item 1</a></li>
- <li class="itemS"><a href="">Item 2</a></li>
- <li class="itemS"><a href="">Item 3</a></li>
- <li class="itemS"><a href="">Item 4</a></li>
- </ul>
復(fù)制代碼
更多炫酷信息和emmet語法請參見:
歡迎光臨 【道勤網(wǎng)】- bmrsportswear.com 軟件視頻自學(xué)教程|免費教程|自學(xué)電腦|3D教程|平面教程|影視動畫教程|辦公教程|機械設(shè)計教程|網(wǎng)站設(shè)計教程!【道勤網(wǎng)】 (http://bmrsportswear.com/) |
Powered by Discuz! X3.4 |