【Web前端】VS code 快捷键tips 【陆续记录】_奈落_前端开发者

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

  • VS code 快捷键的应用。
  • 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 按回车,插入图片按钮

  • 快速生成html5的结构: 英文格式下: ! + 空格
  • 快速生成html5的结构: 英文格式下: ! + 空格

  • 保存:CTRL+S
  • 保存:CTRL+S

  • 打开文件: CTRL+O
  • 打开文件: CTRL+O

  • 添加注释: CTRL+ / 或者先CTRL+K,再按CTRL+C      
  • 添加注释: CTRL+ / 或者先CTRL+K,再按CTRL+C      CTRL+ / 

  • 取消注释: CTRL+/ 或者先CTRL+K,再CTRL+U
  • 取消注释: CTRL+/ 或者先CTRL+K,再CTRL+UCTRL+/

  • 撤销刚才的操作:Ctrl+Z 
    恢复刚才的操作:Ctrl+Shift+Z
  • 撤销刚才的操作:Ctrl+Z 
    恢复刚才的操作:Ctrl+Shift+Z

  • 生成多个相同的标签,加上*号。比如 div*3+回车,即生成3个div标签
  • 生成多个相同的标签,加上*号。比如 div*3+回车,即生成3个div标签 div*3+回车

  • 生成父子级关系的标签,可以用 >号。比如 ul>li +回车 
  • 生成父子级关系的标签,可以用 >号。比如 ul>li +回车ul>li +回车  

  • 以上7/8可以合起来用。比如ul>li*3,即生成ul和3个li的标签
  • 以上7/8可以合起来用。比如ul>li*3,即生成ul和3个li的标签

  • .demo/.vip/#vip/input:text/input:radio 加回车,分别可得如下:
  • .demo/.vip/#vip/input:text/input:radio 加回车,分别可得如下:

  • <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;

     

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

    classdemoclassvipviptext“”“”radio“”“”

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

    width: 100px;
    height: 100px;
    width: 100px;
    height: 100px;

    width: 100px;
    height: 100px;

     

  •  

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

  •  

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

    » 本文来自:前端开发者 » 《【Web前端】VS code 快捷键tips 【陆续记录】_奈落_前端开发者》
    » 本文链接地址:https://www.rokub.com/73785.html
    » 您也可以订阅本站:https://www.rokub.com
    赞(0)
    64K

    评论 抢沙发

    评论前必须登录!