emmet-vim

　　最近啊，我投奔了網頁的開發，看了一本《head first HTML and CSS》的書，感受很是不錯，而後又配置了一些vim裏面用到的插件，如今我把學習到的東西記錄下來！

　　首先，我不會在這裏寫emmet 的具體操做方法，你能夠去官方本身看教程，若是英語很差的話，那麼看這個朋友的博文，他把用到的教程都翻譯成了中文http://www.cnblogs.com/matchless/tag/emmet/

　　若是你試過在一個html文件中插入一個html5的模板，你就發現他的格式以下

　　ps： 在插入模式輸入 html:5  按下默認的快捷鍵，

　　

　　是否是感受很是蛋疼，這個模板出現後，光標默認出如今body 標籤之間，看到了嗎？

　　後來我改了一下，變成了以下這個樣子

　　ps：你會發現，上面那個模板是沒有給出標題的（title元素裏面沒有內容，可是光標又在body裏面，因此你每次都要把光標移動到title這裏，是否是很蛋疼）

　　　　我改了一下， 你能夠按照我改後的模式輸入 html:5{這個填寫的是title的內容}

　　如圖所示

　　

　　按下默認的快捷鍵後，噹噹噹當....................

　　

　　看到了把，這就是我修改的成果，接下來，給出方法

　　提醒一下，我我的是不會用vimscript的，可是我看過一點，因此我能多多少少理解用vimscript寫成的函數的功能是什麼。

　　並且，若是你想本身動手修改的話，請把emmet相關的文檔教程看完，否則你不懂得爲何這樣作

　　官方上給出了一個訂製的簡單教程，說是用到  xxx.json 之類的文件，在這裏我要提醒你，vim是不須要下載這類文件來訂製的，他說的估計是sublime text之類的編輯器

　　那麼咱們該怎麼修改呢？

　　其實，他的配置文件放在了emmet-vim/autoload/emmet.vim 這個文件裏面，用編輯器打開 emmet.vim這個文件，在1420左右看到了 默認的html5模板

　　

　　注意，因爲個人默認模板被我改了，因此我去github給出了默認的模板

　　下圖是個人修改

　　

　　你修改的時候要出去 最左邊的 符號 」\「  不能去掉，去掉會出錯，而後說一下怎麼配置， 符號 」|「 這個表示插入模板後光標出現的位置，${child} 這個的意思是 放入相關的內容，

　　例如 a{xxxx}   ${child} =xxx  html:{xxxxxx}  ${child}=xxxx ，因此你只要在模板裏面調整一下${child}的位置，就能很方便的插入標題的名字

　　ps：原來默認的是插入html5模板只能這麼用，並且不是自動插入標題

　　　　html:5

　　　　個人能夠這麼用

　　　　html:5{標題}

　　　　是否是很方便，

　　最後說一下快捷鍵的設置

　　在默認設置中，大部分命令都用到的快捷鍵是這個

　　<c-y> ,          他的意思是 按下ctrl 鍵 和 y鍵  和  ，鍵（逗號）

　　可是我以爲每次都輸入那麼多很麻煩，因此我寫了一個mapping，把<c-y>改爲了 F2，放在.vimrc文件裏面

　　let g:user_emmet_leader_key = '<F2>' "設置一下快捷鍵

　　爲何是這樣設置呢？我在這裏就不說了 ，請看一下文檔就懂了，

　　我接下來的目標是學會了vimscript後，就開始寫一個函數，讓vim檢測到文件名是.html的時候自動插入html5模板～！

　　好了 加油了