vscode 如何批量选中相同内容更改

局部选中的方法是先选中待修改变量,用Ctrl+D逐个添加从选中位置开始的相同字符。
在这里插入图片描述
同时选择多个单词: Alt + Click

===================== 2021/8/7补充 =====================

  1. alt+鼠标左键 选中多行同时编辑
  2. ctrl+shift+L 选中编辑代码中相同的内容
  3. 选中多行,按tab键可统一向右移动
  4. 选中文本后,Ctrl + [ 和 Ctrl + ] 可实现文本的向左移动 和 向右移动
  5. 按住Ctrl + Alt,再按键盘上的上或下键,可以使一列上出现多个光标
  6. 按shift+alt,再使用鼠标拖动,也可以出现竖直的列光标,同时可以选中多列。

===================== 2023/3/20补充 =====================

背景:在vue项目开发过程中,我们会发现我们每次新建一个vue组件文件的时候,都需要写一些重复的代码,比如下面代码:

vue2项目

<template>
  
</template>

<script>
export default {

}
</script>

<style>

</style>

vue3项目

<template>
  <div class=""></div>
</template>

<script lang='ts' setup>
import {} from "vue"
</script>

<style lang="less" scoped></style>

vue2项目模板的话,我们下载个Vuter插件,新建的.vue文件里输入<,点击就能帮我们自动生成了。

关于vu3项目模板生成需要我们手动配置下。

1、首先点击vscode左下角的设置按钮,然后选择配置用户代码片段。

在这里插入图片描述

2、然后输入vue,选择vue.json(如果没有,选择vue也是可以的)

在这里插入图片描述

3、然后在该文件下定义自己的代码片段,然后保存。这里面的代码可以根据个人需要进行修改!

 "Print to console": {
    "prefix": "vue3",
    "body": [
      "<template>",
      "  <div class=\"\"></div>",
      "</template>\n",
      "<script lang='ts' setup>",
      "import { ref, reactive } from \"vue\"",
      "</script>\n",
      "<style lang=\"less\" scoped></style>",
      "$2"
    ],
    "description": "Log output to console"
  }

4、保存文件后,在我们新建的.vue文件中输入vue3,选择我们配置的vue3模板即可快速生成vue3模板了!

以后有快捷操作再更新!

  • 74
    点赞
  • 175
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 9
    评论
VSCode中,你可以使用快捷键来批量修改代码。首先,你可以使用Shift + Alt + 鼠标点击来插入光标,将光标放在最底下的变量处,然后按住Shift + Alt,再点击最顶上的变量,这样就可以选中最底下和最顶上之间的所有变量。接下来,你可以按住Shift + 方向键来批量选择变量。选中后,你可以使用Ctrl + C来复制这些变量。这样,你就可以批量修改这些变量了。\[1\] 此外,为了提高开发效率,你还可以使用其他快捷键来进行批量修改。例如,Ctrl + Alt + 键盘的上下键可以在一列上出现多个光标,Shift + Alt可以选中多列,Ctrl + Shift + L可以选中相同内容,Ctrl + Shift + F可以进行字体简体和繁体转换,Ctrl + Alt + F可以一键整理代码,Ctrl + Shift + Y可以打开控制台页面。这些快捷键可以帮助你更快地进行批量修改操作。\[2\] #### 引用[.reference_title] - *1* [vscode(一):批量修改变量名或函数名](https://blog.csdn.net/wwws1994/article/details/97014444)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [Vscode好用的快捷键:批量文字修改快捷键&选中相同内容快捷键](https://blog.csdn.net/qq_59079803/article/details/123333645)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

铁锤妹妹@

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值