visual studio code 使用指导

一,常用快捷键            

主命令框

F1 或 Ctrl+Shift+P : 打开命令面板。在打开的输入框内,可以输入任何命令,例如:

   按一下 Backspace 会进入到 Ctrl+P 模式
    在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式
    在 Ctrl+P 窗口下还可以:
    -直接输入文件名,跳转到文件

        ? 列出当前可执行的动作
        ! 显示 Errors或 Warnings,也可以 Ctrl+Shift+M
        : 跳转到行数,也可以 Ctrl+G 直接进入
        @ 跳转到 symbol(搜索变量或者函数),也可以 Ctrl+Shift+O 直接进入
        @ 根据分类跳转 symbol,查找属性或函数,也可以 Ctrl+Shift+O 后输入:进入
        # 根据名字查找 symbol,也可以 Ctrl+T
跳转
 CTRL+G          跳转到指定行
 F12             跳转到定义行
 ALT+ <          返回跳转前
 CTRL+SHIFT+O    打开文件函数列表


编辑器与窗口管理
    打开一个新窗口: Ctrl+Shift+N
    关闭窗口: Ctrl+Shift+W
    同时打开多个编辑器(查看多个文件)
    新建文件 Ctrl+N
    文件之间切换 Ctrl+Tab
    切出一个新的编辑器(最多 3 个) Ctrl+\,也可以按住 Ctrl 鼠标点击 Explorer 里的文件名
    左中右 3 个编辑器的快捷键 Ctrl+1 Ctrl+2 Ctrl+3
    3 个编辑器之间循环切换 Ctrl+
    编辑器换位置, Ctrl+k然后按 Left或 Right

代码编辑
格式调整

    代码行缩进: Ctrl+[ 、 Ctrl+]
    Ctrl+C 、 Ctrl+V 复制或剪切当前行/当前选中内容
    代码格式化: Shift+Alt+F,或 Ctrl+Shift+P 后输入 format code
    上下移动一行: Alt+Up 或 Alt+Down
    向上向下复制一行: Shift+Alt+Up 或 Shift+Alt+Down
    在当前行下边插入一行: Ctrl+Enter
    在当前行上方插入一行 Ctrl+Shift+Enter

光标相关

    移动到行首: Home
    移动到行尾: End
    移动到文件结尾: Ctrl+End
    移动到文件开头: Ctrl+Home
    移动到定义处: F12
    定义处缩略图:只看一眼而不跳转过去 Alt+F12
    移动到后半个括号: Ctrl+Shift+]
    选择从光标到行尾: Shift+End
    选择从行首到光标处: Shift+Home
    删除光标右侧的所有字: Ctrl+Delete
    扩展/缩小选取范围: Shift+Alt+Left 和 Shift+Alt+Right
    多行编辑(列编辑):Alt+Shift+鼠标左键, Ctrl+Alt+Down/Up
    同时选中所有匹配: Ctrl+Shift+L
    Ctrl+D 下一个匹配的也被选中 (在 sublime 中是删除当前行,后面自定义快键键中,设置与 Ctrl+Shift+K 互换了)
    回退上一个光标操作: Ctrl+U
    选中所有匹配词批量编辑:鼠标高亮选中需要查找的词,按下 Ctrl + Shift + L键,即可快速选中当前文件中所有匹配的词,并在每一个词后面有一个编辑光标,可批量同步编辑

重构代码

    找到所有的引用: Shift+F12
    同时修改本文件中所有匹配的: Ctrl+F12
    重命名:比如要修改一个方法名,可以选中后按 F2,输入新名字,回车,则所有该方法的引用也都同步更新了
    跳转到下一个 Error 或 Warning:当有多个错误时可以按 F8 逐个跳转
    查看 diff: 在 explorer 里选择文件右键 Set file tocompare,然后需要对比的文件上右键选择 Compare with file_name_you_chose

查找替换

    查找 Ctrl+F
    查找替换 Ctrl+H
    整个文件夹中查找 Ctrl+Shift+F

显示相关

    全屏:F11
    zoomIn/zoomOut:Ctrl +/-
    侧边栏显/隐: Ctrl+B
    显示资源管理器 Ctrl+Shift+E
    显示搜索 Ctrl+Shift+F
    显示 Git Ctrl+Shift+G
    显示 Debug Ctrl+Shift+D
    显示 Output Ctrl+Shift+U

其他

    自动保存:File -> AutoSave,或者 Ctrl+Shift+P,输入 auto

修改默认快捷键

打开默认键盘快捷方式设置:File -> Preferences -> Keyboard Shortcuts,或者:Alt+F -> p -> k

修改 keybindings.json:

二,待续

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用Visual Studio Code进行Vue开发的指导如下: 1. 首先,确保已经在Mac上安装了Visual Studio Code和Node.js。可以参考中提供的方法进行安装。 2. 打开Visual Studio Code,在扩展市场搜索并安装Vue相关的插件,例如Vue.js Extension Pack,Vue 3 Snippets等。这些插件可以提供代码高亮、智能补全、语法检查等功能,方便开发Vue应用。 3. 在Visual Studio Code中创建一个新的Vue项目。可以使用Vue CLI来创建项目,具体步骤可以参考中的说明。使用脚手架创建项目会自动配置好Vue的开发环境,包括Vue的依赖和文件结构。 4. 在创建的Vue项目中,可以使用Visual Studio Code进行代码编辑和调试。使用Vue插件可以提供代码片段、语法高亮、自动补全等功能,提高开发效率。 5. 在调试Vue应用时,可以使用Visual Studio Code的调试功能。可以设置断点、观察变量、单步调试等操作,方便进行代码调试和排错。具体调试方法可以参考中提供的指导和心得分享。 总结起来,使用Visual Studio Code进行Vue开发需要安装相关插件、创建Vue项目,并利用调试功能进行代码调试。这样可以提高开发效率和代码质量,方便开发和维护Vue应用。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [浅析Visual Studio Code断点调试Vue](https://download.csdn.net/download/weixin_38632916/12763097)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Visual Studio Code使用Vue3](https://blog.csdn.net/zhengzaifeidelushang/article/details/124713866)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值