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

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

  复制代码
  
  
• 
  input:image 按回车，插入图片按钮
  

免责声明：本文内容部分来源于网络，出于网络分享目的，如对您的权益版权有异议我们将予以删除，谢谢合作！

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

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

  复制代码
  
  
• 
  input:image 按回车，插入图片按钮
  

免责声明：本文内容部分来源于网络，出于网络分享目的，如对您的权益版权有异议我们将予以删除，谢谢合作！