【Web前端】VS code 快捷键tips 【陆续记录】

• 学习资料为：chuanzhiheima培训资料，freecodecamp300小时基础前端，《精编CSS第三版》，《Node.js 开发指南》（BYvoid编著，淘宝买的二手书）
• VS code 快捷键的应用。
• 目标：逐步记忆用到的快捷键

 

1. 快速生成html5的结构: 英文格式下: ! + 空格
2. 保存：CTRL+S
3. 打开文件： CTRL+O
4. 添加注释: CTRL+ / 或者先CTRL+K，再按CTRL+C      
5. 取消注释： CTRL+/ 或者先CTRL+K，再CTRL+U
6. 撤销刚才的操作：Ctrl+Z 
   恢复刚才的操作：Ctrl+Shift+Z
7. 生成多个相同的标签，加上*号。比如 div*3+回车，即生成3个div标签
8. 生成父子级关系的标签，可以用 >号。比如 ul>li +回车 
9. 以上7/8可以合起来用。比如ul>li*3，即生成ul和3个li的标签
10. .demo/.vip/#vip/input:text/input:radio 加回车，分别可得如下：

11. <div class="demo"></div>
    <div class="vip"></div>
    <div id="vip"></div>
    <input type="text" name="" id="">
    <input type="radio" name="" id="">

    w100/h100, 即宽度+像素，按回车，可以如下：

    width: 100px;
    height: 100px;

     

12.  

     input:image 按回车，插入图片按钮