目录
好用插件推荐
1.Auto Rename Tag
2.openbrowser
3.实时预览(推荐)
VSCode常用的快捷键
1. 快速复制一行
2.快速复制一行代码选定多个相同的单词
3. 添加多个光标
4. 全局替换某写单词
5. 快速定位到某一行
6. 选择某个区块
7. 放大缩小整个编辑器界面
8. 自定义快捷键
好用插件推荐
1.Auto Rename Tag
会自动补齐末尾
<h1> </h1>
2.openbrowser
浏览器预览界面,记得要保存
3.实时预览(推荐)
具体操作
1.新建文件夹,将文件夹拖动到VScode界面
2.新建文件夹,创建文件
例如index.html
右键,选择Open with Live Sever
vscode界面如何变幻,浏览器实时变换,但要谨记必须在根目录中完成
4.格式化代码
5.显示图标
VSCode常用的快捷键
注意,其实这个快捷键都是可以自定义的,为了防止自定义快捷键和默认冲突我,我们先熟悉默认的,后期熟悉可以自定义更改。
最常用的单词,咱们这里就不重复了。
1. 快速复制一行
快捷键: shift+alt+ 下箭头(上箭头) 或者 ctrl+c 然后 ctrl+v
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
我不爱吃面
我不爱吃面
我不爱吃面
我不爱吃面
我不爱吃面
我不爱吃面
我爱吃大米
</body>
</html>
2.快速复制一行代码
选定多个相同的单词
快捷键: ctrl + d
先双击选定一个单词,然后按下 ctrl + d 可以往下依次选择相同的单词。 这样同时修改相同的单词就非常方便
选定多个相同的单词
3. 添加多个光标
快捷键: Ctrl + Alt + 上箭头(下箭头)
GIF
4. 全局替换某写单词
当我们一个页面需要修改大量相同的文字的时候,我们一个的修改超级麻烦,此时我们可以使用全局替换
快捷键: ctrl + h 注意选择全部替换即可
GIF
全部替换
5. 快速定位到某一行
当我们页面比较长的时候,上下滚动页面布方便,其实我们可以利用快捷键,快速的调到指定的行数上。
快捷键: ctrl + g
GIF
vscode快速调到某一行上
6. 选择某个区块
可以选择一个区块进行操作
快捷键: 按住shift + alt 然后拖动鼠标
选择区块
7. 放大缩小整个编辑器界面
快捷键: ctrl + + / - ctrl + 加号或者减号
放大缩小浏览器界面
8. 自定义快捷键
有些快捷键,我们使用不习惯,其实我们可以自定义快捷键的。
比如js 的多行注释是 shift + alt + a ,我们想修改为 ctrl + shfit + /
设置方法:
管理按钮 --- 键盘快捷方式 --- 输入 shift + alt + a 找到这个快捷键 ----- 点击编辑按钮 ---- 直接按下 ctrl + shift + / ---- 最后按下回车 修改完毕。
到这里,竹竹零就要和大家说再见了🍕🍕🍕
如果您觉得有失偏颇请您在评论区指正,如果您觉得不错的话留个好评再走吧!!
您的鼓励就是对我最大的支持! ! !