前端基础、HTML新手常用快捷键总结及示例效果

原创 已于 2024-05-09 21:52:20 修改 · 422 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vscode #ide #编辑器 #前端

于 2024-04-28 16:22:30 首次发布
本文详细介绍了IT工作中常用的8种快捷键操作，包括文本复制、多选、添加光标、全局替换、快速定位、选择区块、调整界面缩放以及代码注释的自定义设置，帮助用户提高工作效率。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

目录

 

1、主要快捷键有：

2.效果：

（1）shift+alt+下箭头-----------复制

（2）ctr+d---------------选定多个相同单词（一起改）

（3）ctrl+alt+上/下箭头---------添加多个光标

（4）Ctrl+h-------全局替换

（5）ctrl+g---------快速定位到某一行（输入30，就是快速到达第30行）

（6）shift+alt+拖动鼠标------------选择某个区块（可以进行整体修改或删除）

（7）ctrl+“+”/ctrl+“-”------------放大或缩小整个界面

（8）自定义快捷键

1、主要快捷键有：

（1）shift+alt+下箭头-----------复制

（2）ctr+d---------------选定多个相同单词（一起改）

（3）ctrl+alt+上/下箭头---------添加多个光标

（4）Ctrl+h-------全局替换

（5）ctrl+g---------快速定位到某一行

（6）shift+alt+拖动鼠标------------选择某个区块

（7）ctrl+“+”/ctrl+“-”------------放大或缩小整个界面

（8）自定义快捷键

2.效果：

（1）shift+alt+下箭头-----------复制

（2）ctr+d---------------选定多个相同单词（一起改）

（3）ctrl+alt+上/下箭头---------添加多个光标

（4）Ctrl+h-------全局替换

（5）ctrl+g---------快速定位到某一行（输入30，就是快速到达第30行）

（6）shift+alt+拖动鼠标------------选择某个区块（可以进行整体修改或删除）

（7）ctrl+“+”/ctrl+“-”------------放大或缩小整个界面

（8）自定义快捷键

单行注释：ctrl+/

          //我是注释

多行注释：shift+alt+a

     /*我是注释

          我是注释*/

自定义：右键-键盘快捷键方式-输入shift+alt+a-点击下方出现的shift+alt+a前面的小铅笔图样-在弹出的框中输入你想把shift+alt+a改成的样子，比如shift+alt+/,(不用输入，点击这三个键就行)

前端基础入门三大核心之HTML篇：HTML页面优化图片的10大实战策略
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
05-23 1076
图片优化不仅是技术的较量，更是对用户体验的细腻考量。上述策略综合运用，可显著提升页面性能，但在实际操作中还需根据项目具体情况灵活调整。你是否曾遇到过特别棘手的图片加载问题？或是有独到的优化技巧想要分享？欢迎在评论区留言，让我们共同探讨，推动Web性能优化的边界。欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。DTcode7的博客首页。
前端基础入门三大核心之JS篇：BOM基础探索 —— 窥视window对象的奥秘【含代码示例】
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
05-29 1072
window对象是前端开发者绕不开的一环，它既是基础也是进阶的起点。本文只是掀开了它神秘面纱的一角，实际开发中还有更多细腻之处值得我们去探索。你在使用window对象时遇到过什么有趣或棘手的问题？有没有什么独到的技巧愿意分享？欢迎在评论区留言，让我们一起碰撞思想的火花，共筑更坚固的前端基石。欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。DTcode7的博客首页。
前端常用的快捷键
qq_46177396的博客
12-15 2108
CTRL + shift + d 复制一整行 CTRL + d 选择相同文字 shift + 方向键 选择文字 CTRL + z 返回上一步 CTRL + y 返回下一步 end 把光标移动到最后一位 （笔记本：fn + end shift + end） shift + ctrl + k 删除一整行 CTRL + enter ...
前端快捷键合集
weixin_72322475的博客
07-09 3779
持续更新前端相关快捷键，主要是博主自存
前端开发常用快捷键
m0_74065758的博客
11-02 445
多掌握一些快捷键可以帮我们提高编程的效率，快捷键要经常使用才会熟练掌握，最牛的状态是用键盘代替鼠标，希望大家都能早日掌握。同时要注意多回顾一下，可能会有一些以前不知道干嘛用的快捷键，但是现在工作或者学习中能用到的。
关于html的一些快捷键
2302_80273928的博客
12-08 1599
表示一位数字，只出现一个的话，就从 1 开始，如果出现多个，就从 0 开始。（enter） vscode快速生成HTML骨架 前提文件后缀是.html。shift+3 快速加# （可快速加标签id名）shift+alt+鼠标点击 多行快速编辑。如果想要上级，就加^，需要向上多少级就加多少^如：p（enter）--> 生成类名为ttt和且id为jjj的p标签。生成制定类（此处类名为ttt）的p标签。直接编写标签名然后回车可快速生成标签。生成制定id为jjj的p标签。
前端利器Sublime常用快捷键
Yang_jesus
11-15 1482
以下是个人总结不完全的快捷键总汇，祝愿各位顺利解放自己的鼠标。选择类Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数名等。Ctrl+L 选中整行，继续操作则继续选择下一行，效果和 Shift+↓ 效果一样。Ctrl+Shift+L 先选中多行，再按下快捷键，会
前端基础入门三大核心之HTML篇 —— 探索WebAssembly：开启网页高性能应用新时代
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
05-24 949
WebAssembly（简称Wasm），是一种二进制格式，旨在为Web提供接近原生性能的编程能力。它不是用来替代JavaScript，而是与之并肩作战，允许其他语言（如C++、Rust）编写的代码在浏览器中运行，特别适合于游戏、图像处理、数据密集型应用等场景。WebAssembly不仅是一个技术，它是通往更广阔应用领域的桥梁。随着技术的成熟，从前只能在桌面或移动平台实现的高性能应用，现在也能在网络世界大放异彩。但别忘了，技术的背后是对基础知识的深刻理解与灵活运用。
前端基础入门三大核心之JS篇：玩转BOM特效开发的魔法手册【含代码示例】
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
06-01 787
BOM特效开发是一门艺术，它让静态的网页舞动起来，但同时也考验着我们的智慧与责任。本文仅触及了冰山一角，实际上，BOM的魔法远不止于此。在日常开发中，你是否遇到过更有趣或挑战性的BOM应用？或者有独到的性能优化技巧？欢迎在评论区分享你的故事与见解，让我们共同守护这片神奇的数字疆域，创造更安全、高效、互动的前端体验。欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。DTcode7的博客首页。
前端基础入门三大核心之HTML篇：揭秘Vite为何在开发环境中比Webpack更快
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
05-21 1159
Vite的出现，不仅是对前端构建速度的一次革新，更是对开发体验的深度优化。它让我们意识到，技术选型不仅要追求性能，更要关注开发者体验。无论是新手还是老鸟，理解Vite背后的原理和技术哲学，都能让你在前端道路上走得更远。那么，你对Vite的使用有何心得？又或是有哪些独门绝技想要分享？不妨在评论区留下你的宝贵意见，让我们共同推动前端技术的车轮滚滚向前！欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。
html5快捷键
01-13
可以详细的查看关于Html5的各种快捷输入方法，按Tab显示
html常用快捷键（编辑器：VScode）
2301_80138597的博客
03-23 2109
（5）选择任意行内容 并按住Alt+up/down：将选择内容上移或下移（可选择一行也可选择多行）（7）Ctrl+/：注释单行，再按一次Ctrl+/则为撤销注释。（2）Alt+shift+up/down：向上复制/向下复制。（8）Ctrl+C复制 Ctrl+V粘贴 Ctrl+A全选。（9）Ctrl+S保存（养成保存的好习惯）发布于2024-03-23著作权归作者所有。+回车：直接生成html基本结构。（4）Ctrl+Z：撤销上一步操作。（6）Ctrl+F：查找内容。（3）Tab：补全剩余内容。
HTML快捷键
a1399028618的博客
07-06 9993
HTML快捷键 IntelliJ IDEA 2019.3 x64版本下快捷键查看步骤： 1、打开File目录下的settings 2、找到或搜索keymap即可查看快捷键 可选择模式（默认情况下为Windows模式） 基本快捷键： 编辑菜单 Alt + E 文件菜单 Alt + F 视图菜单 Alt + V 全选文本 Ctrl + A 复制文本 Ctrl + C 查找文本 Ctrl + F 查找替换文本 Ctrl + H 新建文档 Ctrl + N 打开文件 Ctrl + O 打印选项 Ctrl + P 保
HTML快捷键标签
gaofhbhbvfvf的博客
03-08 485
1.一级标题 二级标题 三级标题 ......六级标题 特点：本身字体加粗，不需要换行而且字体依次缩小 2.ctrl+c复制 3.ctrl+v粘贴 4.ctrl+s保存 5.ctrl+r运行 （极限于hbuilder）
学习了HTML，如何使用HTML快捷键？
iQOONeo8Pro的博客
05-28 1137
`F5` 或 `Ctrl + F5`：在浏览器中刷新或强制刷新页面（具体取决于你是在编辑器中还是在浏览器中）。- `Ctrl + H` 或 `Ctrl + R`：查找并替换文本或代码（具体快捷键可能因编辑器而异）。- `Ctrl + Y` 或 `Ctrl + Shift + Z`：重做上一步被撤销的操作。- `Ctrl + D` 或 `Ctrl + Y`：复制当前行或选定的代码块并粘贴到下一行。- `Ctrl + W` 或 `Ctrl + F4`：关闭当前标签页或窗口。
同时选中多个标签，往里写相同的属性快捷键
qq_50276105的博客
09-01 610
2、按住CTRL+E+向下箭头。可以依次选中内容形同的标签。3、松开所有键盘选项，按左边箭头。1、选中第一个 标签和内容。4、往里面输入内容即可。
HTML基础
最新发布
weixin_74785181的博客
04-14 1075
一位后端学习前端知识的小白文章
【无标题】
grasp_grass的博客
10-19 2434
学习笔记
VS-Code中学习HTML标签入门
"这篇资源是关于前端学习的第一天，主要涉及HTML部分标签的介绍，适合前端新手。作者使用了VS-Code作为学习工具，并分享了一些基础的编辑器快捷键，如保存、全选、复制、粘贴、撤销、反撤销和注释。接下来，文章详细...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值