前端开发学习记录 4-30

vscode快捷键

1.1主命令框：

     - 显示所有命令：ctrl+shift+P 或 单键F1 ；

 1.2编辑器与窗口管理：

     -打开一个新窗口： Ctrl+Shift+N ；

     -关闭窗口： Ctrl+Shift+W ；

     -新建文件 ：Ctrl+N ；

      -文件之间切换 ：Ctrl+Tab；

     -切出一个新的文集编辑窗口：Ctrl+\；

 1.3代码格式调整：

     -代码行缩进: Ctrl+[ 、 Ctrl+]；

     -复制或剪切当前行/当前选中内容：Ctrl+C 、 Ctrl+V ；

     -代码格式化： Shift+Alt+F；

     -光标上下移动一行： Alt+↑ 或 Alt+↓；

     -向上向下复制一行： Shift+Alt+↑ 或 Shift+Alt+↓；

     -准备在当前行下边插入一行，光标移动: Ctrl+Enter；

     -准备在当前行上方插入一行，光标移动： Ctrl+Shift+Enter；

 1.4鼠标光标位置相关：

     -移动到当前行 行首： Home键；

     -移动到当前行 行尾： End键；

     -移动到文件结尾： Ctrl+End；

     -移动到文件开头： Ctrl+Home；

    -移动到后半个括号： Ctrl+Shift+]；

    -选择从光标到行尾： Shift+End；

    -选择从行首到光标处： Shift+Home；

    -删除光标右侧的所有字： Ctrl+Delete；

    -扩展/缩小选取范围： Shift+Alt+Left 和 Shift+Alt+Right；

    - 快速多行列编辑：Alt+Shift+鼠标左键；

    -手动多行列编辑：Alt + 鼠标左键逐个点击；

    -同时选中所有匹配项：  Ctrl+D ；

    -回退上一个光标操作： Ctrl+U；

1.5重构代码：

  -找到所有的引用： Shift+F12；

  -同时修改本文件中所有匹配的： Ctrl+F12；

  -重命名：比如要修改一个方法名，可以选中后按 F2，输入新名字，回车，则所有该方法的引用也都同步更新了；

  -当有多个错误时可以按 ：F8 逐个跳转；

1.6查找和替换：

  -查找： Ctrl+F；

 -查找替换： Ctrl+H；

 -整个文件夹中查找： Ctrl+Shift+F 侧边栏中的Search；

1.7显示相关：

  -全屏/退出全屏：F11；

  -侧边栏显/隐： Ctrl+B；

  -显示 Debug： Ctrl+Shift+D；

  -显示 Output： Ctrl+Shift+U；

 -显示常用终端命令工具TERMINAL: Ctrl +`(Esc下边那个键)

1.8其它：

  - 开始调试： F5；

  - 快速切换项目文件：Ctrl+P；

  - 打开终端：Ctrl+ `(esc下边的那个键)；

  -创建新的终端：Ctrl+Shift +`(esc下边的那个键)；
  - 打开命令行(其他指令其实都是基于命令行的，可直接在输入框输入?来查询指令)： Ctrl+E ；
  - 跳转到指定行：Ctrl+G，在输入要调到的行数；

  -自动保存：File -> AutoSave，或者 Ctrl+Shift+P，输入 auto；
  - 调整代码行整体上下移动：alt+↑/↓；

块标签和文字标签

属性名：size\color\face
size=" "

2.5文本格式化标签

2.6标题标签

2.7 列表标签


共五种属性，图片不完整

2.8图片标签

2.9链接标签

回到顶部、中部功能，名称引用 #跳转

2.10表格标签

1.table tr行 td列

2. th 内容加粗和居中效果
3. colspan:在同一行内同时合并多个列
4. rowspan:在同一列合并多个行

html表单标签
form： action\ method\enctype

4.2input元素

单选框要加 name="sexy"实现单选功能
重置的作用为全部改为初始值。

4.3select元素（下拉列表）

4.5 textaera多行文本框

五、html框架标签

————————————————