[笔记] VS Code 完全指南：快捷键速查手册 与 Vue 开发插件推荐

文章目录

  • 一. Vue 开发插件推荐
  • 二. 快捷键速查手册
    • 1. 基础操作
    • 2. 基础编辑 Basic editing
    • 3. 导航 Navigation
    • 4. 搜索和替换 Search and replace
    • 5. 多光标和选择 Multi-cursor and selection
    • 6. 丰富的语言编辑 Rich languages editing
    • 7. 编辑器管理 Editor management
    • 8. 文件管理 File management
    • 9. 显示 Display
    • 10. 调试 Debug
    • 11. 集成终端 Integrated terminal

Visual Studio Code (VS Code) 已经成为当今最受欢迎的代码编辑器之一。本指南旨在帮助开发者快速掌握 VS Code 的核心功能，提高开发效率。无论你是初学者还是经验丰富的开发者，这份完整的插件推荐和快捷键清单都能帮助你更好地使用 VS Code。

VS Code 官网 : code.visualstudio

一. Vue 开发插件推荐

  1. Vetur >>> Volar >>> Vue - Official : 提供语法高亮、代码补全、错误检测、格式化等功能。

  2. Vue VSCode Extension Pack : 这是一个插件包，包含了一系列针对 Vue 开发的常用插件，如 Vetur、ESLint、Prettier 等。

  3. ESLint : ESLint 可以帮助你遵循编码规范，自动修复一些常见的编码错误。

  4. Prettier - Code formatter : Prettier 是一款代码格式化工具，可以帮助保持代码风格一致。

  5. Vue Peek : Vue Peek 可以帮助你快速预览组件模板、脚本和样式部分。

  6. Path Intellisense : Path Intellisense 可以自动完成路径补全，方便导入模块。

  7. Live Server : Live Server 可以让你轻松启动本地服务器并实时刷新页面。

  8. JavaScript (ES6) code snippets : 提供了大量的 JavaScript 和 ES6 代码片段。

  9. Auto Rename Tag : 当你重命名一个 HTML 或 Vue 标签时，会自动更新所有对应的标签。

  10. GitLens — Git supercharged : GitLens 提供了高级的 Git 特性，帮助你更好地理解代码历史。

  11. Code Runner : 允许你在编辑器内运行代码片段。

  12. Auto Close Tag : 当我们在结束标记中键入结束括号时，它将添加结束标记。它支持HTML，Handlebars，XML，PHP，Vue，JavaScript，Typescript，JSX等。

  13. Vite : Vite 插件可以让我们打开项目后，就能自动启动开发服务器，允许开发者无需离开编辑器即可预览和调试应用。支持一键启动、构建和重启项目。

二. 快捷键速查手册

1. 基础操作

按 Press功能 Function
Ctrl + Shift + P，F1显示命令面板 Show Command Palette
Ctrl + P快速打开 Quick Open
Ctrl + Shift + N新窗口/实例 New window/instance
Ctrl + Shift + W关闭窗口/实例 Close window/instance

2. 基础编辑 Basic editing

按 Press功能 Function
Ctrl+X剪切行（空选定） Cut line (empty selection)
Ctrl+C复制行（空选定）Copy line (empty selection)
Alt+ ↑ / ↓向上/向下移动行 Move line up/down
Shift+Alt + ↓ / ↑向上/向下复制行 Copy line up/down
Ctrl+Shift+K删除行 Delete line
Ctrl+Enter在下面插入行 Insert line below
Ctrl+Shift+Enter在上面插入行 Insert line above
Ctrl+Shift+\跳到匹配的括号 Jump to matching bracket
Ctrl+] / [缩进/缩进行 Indent/outdent line
Home转到行首 Go to beginning of line
End转到行尾 Go to end of line
Ctrl+Home转到文件开头 Go to beginning of file
Ctrl+End转到文件末尾 Go to end of file
Ctrl+↑ / ↓向上/向下滚动行 Scroll line up/down
Alt+PgUp / PgDown向上/向下滚动页面 Scroll page up/down
Ctrl+Shift+[折叠（折叠）区域 Fold (collapse) region
Ctrl+Shift+]展开（未折叠）区域 Unfold (uncollapse) region
Ctrl+K Ctrl+[折叠（未折叠）所有子区域 Fold (collapse) all subregions
Ctrl+K Ctrl+]展开（未折叠）所有子区域 Unfold (uncollapse) all subregions
Ctrl+K Ctrl+0折叠（折叠）所有区域 Fold (collapse) all regions
Ctrl+K Ctrl+J展开（未折叠）所有区域 Unfold (uncollapse) all regions
Ctrl+K Ctrl+C添加行注释 Add line comment
Ctrl+K Ctrl+U删除行注释 Remove line comment
Ctrl+/切换行注释 Toggle line comment
Shift+Alt+A切换块注释 Toggle block comment
Alt+Z切换换行 Toggle word wrap

3. 导航 Navigation

按 Press功能 Function
Ctrl + T显示所有符号 Show all Symbols
Ctrl + G转到行… Go to Line…
Ctrl + P转到文件… Go to File…
Ctrl + Shift + O转到符号… Go to Symbol…
Ctrl + Shift + M显示问题面板 Show Problems panel
F8转到下一个错误或警告 Go to next error or warning
Shift + F8转到上一个错误或警告 Go to previous error or warning
Ctrl + Shift + Tab导航编辑器组历史记录 Navigate editor group history
Alt + ←/→返回/前进 Go back / forward
Ctrl + M切换选项卡移动焦点 Toggle Tab moves focus

4. 搜索和替换 Search and replace

按 Press功能 Function
Ctrl + F查找 Find
Ctrl + H替换 Replace
F3 / Shift + F3查找下一个/上一个 Find next/previous
Alt + Enter选择查找匹配的所有出现 Select all occurences of Find match
Ctrl + D将选择添加到下一个查找匹配 Add selection to next Find match
Ctrl + K Ctrl + D将最后一个选择移至下一个查找匹配项 Move last selection to next Find match
Alt + C / R / W切换区分大小写/正则表达式/整个词 Toggle case-sensitive / regex / whole word

5. 多光标和选择 Multi-cursor and selection

按 Press功能 Function
Alt +单击插入光标 Insert cursor
Ctrl + Alt +↑/↓在上/下插入光标 Insert cursor above / below
Ctrl + U撤消上一个光标操作 Undo last cursor operation
Shift + Alt + I在选定的每一行的末尾插入光标 Insert cursor at end of each line selected
Ctrl + I选择当前行 Select current line
Ctrl + Shift + L选择当前选择的所有出现 Select all occurrences of current selection
Ctrl + F2选择当前字的所有出现 Select all occurrences of current word
Shift + Alt + →展开选择 Expand selection
Shift + Alt + ←缩小选择 Shrink selection
Shift + Alt + （拖动鼠标）列（框）选择 Column (box) selection
Ctrl + Shift + Alt +（箭头键）列（框）选择 Column (box) selection
Ctrl + Shift + Alt + PgUp / PgDown列（框）选择页上/下 Column (box) selection page up/down

6. 丰富的语言编辑 Rich languages editing

按 Press功能 Function
Ctrl + 空格 【atl + /】触发建议 Trigger suggestion
Ctrl + Shift + Space触发器参数提示 Trigger parameter hints
TabEmmet 展开缩写 Emmet expand abbreviation
Shift + Alt + F格式化文档 Format document
Ctrl + K Ctrl + F格式选定区域 Format selection
F12转到定义 Go to Definition
Alt + F12Peek定义 Peek Definition
Ctrl + K F12打开定义到边 Open Definition to the side
Ctrl + .快速解决 Quick Fix
Shift + F12显示引用 Show References
F2重命名符号 Rename Symbol
Ctrl + Shift + . /，替换为下一个/上一个值 Replace with next/previous value
Ctrl + K Ctrl + X修剪尾随空格 Trim trailing whitespace
Ctrl + K M更改文件语言 Change file language

7. 编辑器管理 Editor management

按 Press功能 Function
Ctrl+F4, Ctrl+W关闭编辑器 Close editor
Ctrl+K F关闭文件夹 Close folder
Ctrl+\拆分编辑器 Split editor
Ctrl+ 1 / 2 / 3聚焦到第1，第2或第3编辑器组 Focus into 1st, 2nd or 3rd editor group
Ctrl+K Ctrl+ ←/→聚焦到上一个/下一个编辑器组 Focus into previous/next editor group
Ctrl+Shift+PgUp / PgDown向左/向右移动编辑器 Move editor left/right
Ctrl+K ← / →移动活动编辑器组 Move active editor group

8. 文件管理 File management

按 Press功能 Function
Ctrl+N新文件 New File
Ctrl+O打开文件… Open File…
Ctrl+S保存 Save
Ctrl+Shift+S另存为… Save As…
Ctrl+K S全部保存 Save All
Ctrl+F4关闭 Close
Ctrl+K Ctrl+W关闭所有 Close All
Ctrl+Shift+T重新打开关闭的编辑器 Reopen closed editor
Ctrl+K输入保持打开 Enter Keep Open
Ctrl+Tab打开下一个 Open next
Ctrl+Shift+Tab打开上一个 Open previous
Ctrl+K P复制活动文件的路径 Copy path of active file
Ctrl+K R显示资源管理器中的活动文件 Reveal active file in Explorer
Ctrl+K O显示新窗口/实例中的活动文件 Show active file in new window/instance

9. 显示 Display

按 Press功能 Function
F11切换全屏 Toggle full screen
Shift+Alt+1切换编辑器布局 Toggle editor layout
Ctrl+ = / -放大/缩小 Zoom in/out
Ctrl+B切换侧栏可见性 Toggle Sidebar visibility
Ctrl+Shift+E显示浏览器/切换焦点 Show Explorer / Toggle focus
Ctrl+Shift+F显示搜索 Show Search
Ctrl+Shift+G显示Git Show Git
Ctrl+Shift+D显示调试 Show Debug
Ctrl+Shift+X显示扩展 Show Extensions
Ctrl+Shift+H替换文件 Replace in files
Ctrl+Shift+J切换搜索详细信息 Toggle Search details
Ctrl+Shift+C打开新命令提示符/终端 Open new command prompt/terminal
Ctrl+Shift+U显示输出面板 Show Output panel
Ctrl+Shift+V切换Markdown预览 Toggle Markdown preview
Ctrl+K V从旁边打开Markdown预览 Open Markdown preview to the side

10. 调试 Debug

按 Press功能 Function
F9切换断点 Toggle breakpoint
F5开始/继续 Start/Continue
Shift+F5停止 Stop
F11 / Shift+F11下一步/上一步 Step into/out
F10跳过 Step over
Ctrl+K Ctrl+I显示悬停 Show hover

11. 集成终端 Integrated terminal

按 Press功能 Function
Ctrl+`显示集成终端 Show integrated terminal
Ctrl+Shift+`创建新终端 Create new terminal
Ctrl+Shift+C复制选定 Copy selection
Ctrl+Shift+V粘贴到活动端子 Paste into active terminal
Ctrl+↑ / ↓向上/向下滚动 Scroll up/down
Shift+PgUp / PgDown向上/向下滚动页面 Scroll page up/down
Ctrl+Home / End滚动到顶部/底部 Scroll to top/bottom

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/892780.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

永久免费不限速下载器支持市面上大部分BT链接

永久免费不限速下载器支持市面上大部分BT链接

该款鲨鱼下载器目前是市面上免费下载，且不限速的下载器个别的链接无法识别 官方QQ群857577200 下载链接 官网
阅读更多...
混币器是什么，波卡跨链交易平台

混币器是什么，波卡跨链交易平台

混币器是什么 混币器是一种加密货币工具，主要功能是将用户的加密货币与其他众多用户的加密货币混合在一起，打乱资金的流向和交易痕迹，使得加密货币的来源和去向难以追踪，从而增加交易的匿名性和隐私性。以下是对其工作流程和相关举例的介绍： 工作流程 用户首先将自己的加…
阅读更多...
9，STL——vector类

9，STL——vector类

一、vector类的介绍和使用 1，了解vector vector类的官方介绍https://cplusplus.com/reference/vector/vector/ 使用STL的三个境界：能用，明理，能扩展 1). vector是表示可变大小数组的序列容器。 2). 就像数组一样，…
阅读更多...
【Vue】let、const、var的区别、适用场景

【Vue】let、const、var的区别、适用场景

let、const、var，有哪些区别，适用场景 var 特点： var 是 JavaScript 中最传统的变量声明方式。具有函数作用域，即在函数内声明的 var 变量，在整个函数内都可以访问。变量提升：使用 var 声明的变量会被提升…
阅读更多...
Android车机DIY开发之学习篇(二)编译Kernel以正点原子为例

Android车机DIY开发之学习篇(二)编译Kernel以正点原子为例

Android车机DIY开发之学习篇(二)编译Kernel以正点原子为例 1.代码在/kernel-5.10文件夹下 2.在kernel-5.10目录下执行如下命令编译 ： 编译之前，需要将 clang 导出到 PATH 环境变量： 如果是 Android12 执行下面这条命令 export PATH../pr…
阅读更多...
QT3学习之qpainter学习

QT3学习之qpainter学习

QImage img;QPixmap savedPixmap(sourceRect.size());QPainter savedPainter(&savedPixmap);// 使用 QPainter 从 bufferPixmap 复制指定区域savedPainter.drawPixmap(sourceRect,bufferPixmap);// 将 QPixmap 转换为 QImageQImage image savedPixmap.convertToImage();if…
阅读更多...
web.xml常用配置

web.xml常用配置

web.xml是Java Web应用程序的部署描述文件，它位于WEB-INF目录下。web.xml文件主要用于配置Servlet、Filter、Listener、MIME类型、欢迎页面等组件，以及一些Web应用的上下文参数。以下是一些常见的web.xml配置说明： Servlet配置： …
阅读更多...
基于考研概率论知识解读 Transformer：为何自注意力机制要除以根号 dk

基于考研概率论知识解读 Transformer：为何自注意力机制要除以根号 dk

Transformer自注意力机制中除以 d k \sqrt{d_k} dk​ ​深度剖析 【 Transformer 系列，故事从 d k \sqrt{d_k} dk​ ​说起】 LLM这么火，Transformer厥功甚伟，某天心血来潮~，再去看看！ 它长这个样子： 深入…
阅读更多...
二进制、八进制、十进制和十六进制的相互转换

二进制、八进制、十进制和十六进制的相互转换

printf 函数 printf 函数是 C 语言中用于将格式化的数据输出到标准输出（通常是屏幕）的函数。它位于 stdio.h 头文件中，因此在使用之前需要包含该头文件。 printf 函数的格式说明符 格式说明符说明示例%d 或 %i输出或输入十进制有符号整数p…
阅读更多...
Kafka权威指南（第2版）读书笔记

Kafka权威指南（第2版）读书笔记

目录 Kafka生产者——向Kafka写入数据生产者概览创建Kafka生产者bootstrap.serverskey.serializervalue.serializer 发送消息到Kafka同步发送消息 Kafka生产者——向Kafka写入数据 不管是把Kafka作为消息队列、消息总线还是数据存储平台，总是需要一个可以往Kafka写…
阅读更多...
类模板的使用方法

类模板的使用方法

目录 类模板的使用方法 1.类模板语法 2.类模板和函数模板区别 3.类模板中成员函数创建时机 4.类函数对象做函数参数 5.类模板和继承 6.类模板成员函数类外实现 7.类模板分文件编写 person.hpp 实现cpp文件： 8.类模板与友元 9.类模板案例 MyArray.hpp …
阅读更多...
Android SystemUI——使用Dagger2加载组件（四）

Android SystemUI——使用Dagger2加载组件（四）

SystemUI 是 Android 系统中的一个重要模块，负责绘制系统栏（如状态栏、导航栏）、锁屏、快捷设置等用户界面元素。由于其复杂性，良好的架构设计和依赖管理对于保持代码的可维护性和扩展性至关重要。这就是 Dagger2 在此发挥重要作用的地方。 一、Dagger2介绍 Dagger2 是一个…
阅读更多...
python识别图片中指定颜色的图案并保存为图片

python识别图片中指定颜色的图案并保存为图片

示例代码： def chuli(color):import cv2import numpy as np# 定义颜色名称到HSV阈值范围的映射color_thresholds {red: ([0, 100, 100], [10, 255, 255], [160, 100, 100], [180, 255, 255]),yellow: ([20, 100, 100], [30, 255, 255]),blue: ([90, 100, 100], [1…
阅读更多...
golang 环境变量配置

golang 环境变量配置

一、GoLand显示环境如下 修改环境变量 新建系统变量 GOROOT： D:\ENSPACE\golandsdk\1.23.1\go1.23.1新建系统变量 GOPATH：工作目录（在下面目录下新建目录：src,项目工程目录都要建在src下如：demo1 demo2） D…
阅读更多...
当自动包布机遇上Profinet转ModbusTCP网关，“妙啊”，工业智能“前景无限

当自动包布机遇上Profinet转ModbusTCP网关，“妙啊”，工业智能“前景无限

在自动化控制技术日新月异的当下，Profinet与ModbusTCP这两种协议在工业通信领域占据着举足轻重的地位。ModbusTCP是基于以太网的串行通信协议，而Profinet则是依托工业以太网的现场总线协议。它们在数据传输速度、实时性表现以及兼容性等方面各具特色。不…
阅读更多...
Redis的过期策略、内存淘汰机制

Redis的过期策略、内存淘汰机制

Redis只能存5G数据，可是你写了10G，那会删5G的数据。怎么删的？还有，你的数据已经设置了过期时间，但是时间到了，为什么内存占用率还是比较高? 一、Redis的过期策略 Redis采用的是定期删除惰性删除策略。 1…
阅读更多...
大数据技术实训：Zookeeper集群配置

大数据技术实训：Zookeeper集群配置

一、本地模式安装部署 1）安装前准备 （1）安装jdk （2）拷贝Zookeeper安装包到Linux系统下 （3）解压到指定目录 tar -zxvf zookeeper-3.5.7.tar.gz -C /opt/module/ 2）配置修改 &am…
阅读更多...
一文通透OpenVLA及其源码剖析——基于Prismatic VLM(SigLIP、DinoV2、Llama 2)及离散化动作预测

一文通透OpenVLA及其源码剖析——基于Prismatic VLM(SigLIP、DinoV2、Llama 2)及离散化动作预测

前言 当对机器人动作策略的预测越来越成熟稳定之后(比如ACT、比如扩散策略diffusion policy)，为了让机器人可以拥有更好的泛化能力，比较典型的途径之一便是基于预训练过的大语言模型中的广泛知识，然后加一个policy head(当然，一开…
阅读更多...
MySQL数据库（SQL分类）

MySQL数据库（SQL分类）

SQL分类 分类全称解释DDLData Definition Language数据定义语言，用来定义数据库对象（数据库，表，字段）DMLData Manipulation Language数据操作语言，用来对数据库表中的数据进行增删改DQLData Query Languag…
阅读更多...
202309 青少年软件编程等级考试C/C++ 二级真题答案及解析（电子学会）

202309 青少年软件编程等级考试C/C++ 二级真题答案及解析（电子学会）

第 1 题 数组指定部分逆序重放 将一个数组中的前k项按逆序重新存放。例如，将数组8,6,5,4,1前3项逆序重放得到5,6,8,4,1。 时间限制:1000 内存限制:65536 输入 输入为两行: 第一行两个整数，以空格分隔，分别为数组元素的个数n(1<n<100)以及指定的k(1<=k<= n…
阅读更多...
最新文章

Copyright @ 2022~2023