首页 > Web开发 > 详细

网页设计:vim+emmet简单演练

时间:2018-04-17 15:59:33      阅读:217      评论:0      收藏:0      [点我收藏+]

打开vim后,在英文状态下,按下小写字母  i   键。

输入

html:5>h2+form>p*10

光标在行的末尾处,在英文状态下,同时按下ctrl + y  (control 键和y键),然后立即松手,等一秒钟,再按下  ,  键。

技术分享图片

<h2>网络书城演示</h2>

技术分享图片

输入

{帐号:}input[type=text name=userid size=16] 

技术分享图片

光标在  

{帐号:}input[type=text name=userid size=16]的末尾处,
在英文状态下,同时按下ctrl + y  (control 键和y键),然后立即松手,等一秒钟,再按下  ,  键。

技术分享图片

输入

{密码:}input[type=password name pass size=16]

技术分享图片

光标在  

{密码:}input[type=password name pass size=16]的末尾处,
在英文状态下,同时按下ctrl + y  (control 键和y键),然后立即松手,等一秒钟,再按下  ,  键。

技术分享图片

点击,保存窗口,将文件另存为   test.html
用浏览器打开的效果如下

技术分享图片



网页设计:vim+emmet简单演练

原文:https://www.cnblogs.com/tutorial/p/8867139.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!