sublime text2如何讓編寫html時有自動提示？

01-05

我是剛用sublime text2，安裝好了emmet插件，我想用來練習，不知道怎麼用，我想問問怎麼直接出來html的框架？

裝emmet自己寫snippets，「裝逼」神器。

給你貼一段HTML的，裝好emmet插件之後菜單Preferences-&>Package Settings-&>Emmet-&>Settings User 粘入下面配置，新建HTML文件輸入 !w 按Tab就是PC端模板，輸入 !m 按Tab移動端模板，jq1按Tab 就載入jquery 1.x，根據代碼樣例自己擴展，具體語法請百度。

{


    "snippets": {

        "html": {

            "abbreviations": {

                "meta:utf8" : "meta[charset=UTF-8]",

                "meta:ie"   : "&",

                "meta:bd"   : "&",

                "meta:key"  : "&",

                "meta:desc" : "&",

                "meta:360"  : "&",

                "meta:vp"   : "&",

                "meta:tel"  : "&",

                "link:fav"  : "&",

                "link:app"  : "&",

                "link:style": "link[rel=stylesheet][href=/static/images/style.css]",
                "jq1"   : "script[src=http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js]",

                "jq2"   : "script[src=http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js]",

                "ng1"   : "script[src=http://apps.bdimg.com/libs/angular.js/1.2.9/angular.min.js]",

                "zepto" : "script[src=http://apps.bdimg.com/libs/zepto/1.1.4/zepto.min.js]",

"!w" : "{&}+html&>head&>meta:utf8+meta:ie+title+meta:key+meta:desc+meta:360+link:fav+link:app+link:style^body", "!m" : "{&}+html&>head&>meta:utf8+meta:ie+meta:bd+title+meta:key+meta:desc+meta:360+meta:vp+meta:tel+link:fav+link:app+link:style^body" } } } }

之前是手機答的,現在完善一下,題主需要的應該是這個Cheat Sheet

這個插件所有的快捷操作都在這裡了

這是html部分的快捷操作

-----------------------------------------------------------------------------------------

html:5 按tab

既然你插件都裝了，那我教你個高效的辦法

先輸入英文符感嘆號

快捷鍵

Ctrl+E

就行了

打開任何一個html文件

（或者選擇右下角編碼方式為html）

（或者新建一個文件，保存為html後綴）

然後在任意行打 html 四個字母，再按tab

Windows下面可以改用Visual Studio社區版，還不用給錢。

我看樓上說的說的不是很詳細…所以補充下

新建一個html格式的文件然後輸入html然後按一下tab鍵…

實時的提示ctrl+shif+p然後輸入你使用的語言類型，例如Css js html等…

sublime本身自帶補全功能，不過比較初級，一次只能擴展一對標籤。可以安裝emmet，前端必備，預置了很多的snippet，可以加快編碼速度。或者你可以改用github atom，和sublime一個模子出來的，原生的代碼補全更強大，但目前還沒有適用的emmet，得等等。

先輸入英文的!號再按tab或者ctrl+E

為什麼不試試webstrom

按ctrl + shift + p選擇語法

html:5 table

裝插件，我用SublimeTmpl，可以快捷鍵，秒開一個框架。

可能你根本沒設置語法。

ctrl+shift+p

輸入html，然後enter

用你百度到的emmet語法操作吧。

打開.html的文件應該就會有，另外推薦嘗試sublime text 3，你值得擁有╮(╯▽╰)╭

在html文件輸入「!」，然後按tab

文檔在這

Cheat Sheet

教一下題主怎麼用谷歌：

點 Google
搜你需要的關鍵詞

呵呵...