web前端初学最简单的一个问题首先谢谢邀请，这里Python大星谈谈web前端初学快捷键的困惑。不足之处，请指出，共同学习进步
一、web前端开发工具常见的五种web前端开发工具：
● sublime
● Hbuilder
● VS Code
● Atom
● Brackets
作为web前端开发工具，当大家灵活利用编辑器的快捷方式时，会极大地提高大家书写代码的效率。二、第一个web前端快捷方式在大家刚踏入web前端学习领域时，看到别人能快速生成一个html标准文档是十分羡慕的。如何去操作，其实并不难。操作步骤：在文档中输入英文感叹号”!” >> 再按住tab键即可
如果你不能达到下图中的效果，请尝试安装 Emmet 插件
三、快捷键的扩展下面讲解前端常用的一些快捷方式，最后以tab键结束。其中第9条真的是太太太有用了，初学你不看会后悔一辈子。1、快速生成多个元素，比如5个div
2、给元素增加class或者id属性
举个栗子，给div增加属性
● 增加class属性使用.
div.first
+ tab键● 增加id属性使用#
div#first + tab键3、给元素增加内容，使用{}
4、两个元素是兄弟元素，使用+
5、后代元素，使用>
7、上级元素使用^
当使用 的指令之后，再继续写下去，那么后续内容都是在 li 下级的。如果偶想编写一个跟 ul 平级的 span 标签，那么偶需要先用 “^” 提升一下层次。8、$的使用
● $出现一次，正序从 1 开始
● $出现一次，倒序
● $出现多次，正序从0开始
● 使用 @N 指定开始的序号
8、分组：()
用括号进行分组，表示一个代码块，分组内部的嵌套和层级关系和分组外部无关9、lorem生成随机文本
三、小结工欲善其事，必先利其器。掌握好开发工具中的快捷键，偶将事半功倍。最近偶在头条号上写《Python Web全栈之旅》web前端部分，欢迎关注“Python大星”，呼吸不停，学习不止。