Emmet的前身是Zen coding,它使用缩写,来提高html/css的编写速度. 生成标签 直接输入标签名 按tab键即可 比如 div 然后tab 键, 就可以生成 如果想要生成多个相同标签 加上 * 就可以了 比如 div*3 就可以快速生成3个div 如果有父子级关系的标签,可以用 > 比如 ul > li就可以了 如果有兄弟关系的标签,用 + 就可以了 比如 div+p 如果生成带有类名或者id名字的, 直接写 .demo 或者 #two tab 键就可以了.demo:p.hah…

Sublime Text 2 包含了大量快捷操作,而且还很方便修改和追加自己喜欢的快捷键. 查看快捷键的方式也很简单: 点击菜单栏:Preferences->Key Bindings –Defaults 即可查看. 快捷键:打开/前往Ctrl+P:搜索项目中的文件Ctrl+G:跳转到第几行Ctrl+R:前往 methodctrl+; :前往字段Ctrl+Shift+P:打开命令面板Ctrl+N:新建窗口ctrl+o:打开文件ctrl+shift+s:另存为Ctrl+W:关闭当前打开文件Ctrl+…

Emmet 是一个能提高前端开发效率的编辑器插件,支持 Sublime,Atom,TextMate,Nodepad++ 等主流编辑器.Emmet 定义了一些缩写,当我们输入缩写代码后,按展开键(默认是 Tab 键)后会展开成完整的代码.如,我们在 HTML 文件中输入 ul.list>li{第$个}*2 , 然后按展开键,会展开成如下代码 <ul class="list"> <li>第1个</li> <li>第2个</li&g…

Emmet 是高效.快速编写 HTML 和 CSS 代码的一种插件,如果还不了解,请戳Emmet — the essential toolkit for web-developers,再根据你使用的编辑器(Sublime 或 vim 等)下载对应的 Emmet 插件,Visual Code直接支持Emmet语法. 1.准备工作 编辑器使用Visual Code,下载地址访问https://code.visualstudio.com/,新建一个HTML文件,并保存. 2.生成 HTML 文档初始结…

VS2003用了6年,感情深厚,最近换工作刚刚接触VS2010,使用一个月感觉VS2010在人性化方面的功能实在是太强悍了,大大提高了写代码的效率,就如同魔兽世界里的快捷键操作一样,左手抚键右手摸鼠,偶尔双手抚键,这种快感比游戏还有感觉,兴奋之余花了几分钟分享一下自己的新发现顺便把常用的快捷操作也贴上了,同时也希望各位大神也能分享一下自己的快速操作心得. 1.快速using(快捷键CTRL+.)有些类在定义后没有using相关的命名空间就会出现波浪线提示: 将光标移到波浪线处会出现一蓝色光标:…

HTML速写之Emmet语法规则 Emmet-写HTML/CSS快到飞起 在前端开发的过程中,最费时间的工作就是写 HTML.CSS 代码.一堆的标签.属性.括号等,头疼.这里推荐一个Emmet语法规则,让你写的时候爽到飞起,能大大提高代码书写,只需要敲一行代码就能生成你想要的完整HTML结构,下面会介绍如何使用. Emmet是一款插件,只要能安装他的编辑器都能使用,大部分编辑器都可以使用该语法规则,我们平时开发的Sublime Text.Eclipse.Notepad++.VS code.At…

上次介绍了windows系统上一些自带的常用快捷键,有些确实很方便,也满足了我们的一部分需求.但是我们追求效率的步伐怎会止步于此?这一次我将会进一步介绍windows上提升效率的方法. 一:运行 打开运行对话框的方法在上一篇提到过,就是win+r.这个运行框虽然可以打开文件,文档,程序等,但是打开文件和文档并不方便,我在后面会提到快速打开文件的更方便的方法. win+r用来打开程序是非常方便的,但是需要一些配置,配置完成后,只要在对话框中输入你为程序预先设置好的名字就能快速打开该程序.比如我为c…

从网上汇总了一些windows系统上常用的快捷键,结合自己的使用经验,将平时使用电脑时最常用的快捷键记录在此.注意这里罗列的是平时最常用到的,其他的一般来说不怎么用到的并不在此列,如果想要完整列表,请参考该链接.键盘快捷键大全 Enter 对于许多选定命令代替单击鼠标 windows键或CTRL+ESC 打开开始菜单 CTRL+SHIFT+ESC 或 CTRL+ALT+DELETE打开任务管理器 DELETE删除被选中的项目,如果是文件,将被放入回收站 SHIFT+DELETE 删除被选中的项目…

随着iPhone6s与6s plus的到来,苹果给我们展现了一种全新的交互方式:重按手势.你可能知道,这个特性已经在Apple Watch和MacBook上推出了,不过那时叫Force Touch,就是字面上的意思,给用户的交互添加一种新的维度. 如果你很好奇iPhone的Force Touch为啥要更名为3D Touch,那告诉你吧,you’re not alone(译者注:请用MJ的调子唱出来…).不久前,之前也对这名字纠结不已的Craig Federighi(译者注:Apple高级副总裁)…

这是基于官方手册整理制作的,因为那个手册网页打开很慢,所以就整理在这里了.以备不时之需. Syntax   Child: > nav>ul>li <nav> <ul> <li></li> </ul> </nav> Sibling: + div+p+bq <div></div> <p></p> <blockquote></blockquote> C…