mac+vscode快捷键操作

xiaobaoyu
1,699 阅读4分钟

vscode 好用的快捷键

  • Cmd + Shift + P 显示命令面板
  • Cmd + B 显示/隐藏侧边栏
  • Cmd + D 将代码向下复制一行（自己编码习惯）
  • Cmd + \ 创建多个编辑器（同时打开几个编辑器，方便复制别人的东西）
  • Cmd + 1、2 聚焦到第 1、第 2 个编辑器
  • Cmd + +、Cmd + - 将工作区放大/缩小（包括代码字体、左侧导航栏）
  • Cmd + J 显示/隐藏控制台 （命令行）
  • Cmd + Shift + N 重新开一个软件的窗口 （相当于code .）
  • Cmd + Shift + W 关闭软件的当前窗口
  • Cmd + Option + 左右方向键 在已经打开的多个文件之间进行切换 直接在文件之间切换
  • Ctrl + Tab 在已经打开的多个文件之间进行跳转 是打开页签跳转
  • Ctrl + F 搜索当前文件的内容 Ctrl + H 替换
  • Cmd + Shift + F 全局搜索代码
  • Cmd + P 在当前的项目工程里，全局搜索文件名
  • shift+A在浏览器中打开 自己设置的

批量重命名。按住alt，然后鼠标选择所有需要修改的地方，然后重命名即可

选中部分内容 鼠标在开始位置点击一下 按住shift 在点击最后位置

方向键 在单个字符之间移动光标 option + 左右方向键 在单词之间移动光标 Cmd + 左右方向键 在整行之间移动光标

将光标点击到某一行的任意位置时，默认就已经是选中全行了，此时可以直接复制或剪切，无需点击鼠标。这个非常实用，是所有的编辑操作中，使用得最频繁的。复制代码so easy!

vscode终端快速打开某个项目 1.“Ctrl + Shift + P”打开命令面板 2搜索shell （shell命令：在PATH中安装code命令） 3 code可以直接打开vscode 3 code .可以直接打开某个项目

vscode修改配置文件 1.“Ctrl + Shift + P”打开命令面板 2 搜索settings.json文件

vscode好用的插件

自己安装的：

  • Vetur vue必备插件

  • VueHelper vue代码片段

  • Vue TypeScript Snippets vue的 typescript 代码片段

  • open in browser 浏览器中打开

  • Beautify / Prettier / JS-CSS-HTML formater （更推荐Prettier）

  • eslint

  • HTML CSS Support

  • HTML Snippets 

  • JavaScript(ES6) code snippets

  • path Intellisense 

  • React/Redux/react-router Snippets

  • Npm Intellisense

扩展：

  • GitLens git必备，

作用：

  1. 查看与上一个版本变更对比，（commit-changes->open changes with previous revision）
  2. 查看代码修改记录
  3. stash等操作非常方便

  • item2 好用（自己还不太会用）

  • Live Server

  • highlight-icemode：选中相同的代码时，让高亮显示更加明显【荐】

  • Project Manager 方便来回切换多个项目，自己还不太会用 FIX

  • Search node_modules（这个还没测试成功）

  • Polacode-2020 可以把代码片段保存成美观的图片

使用步骤：

  • 1.按ctrl+shift+p,打开命令面板，输入polacode，打开这个插件。
  • 2.选取代码，不用复制，代码会自动显示到右侧polacode中
  • 3.调整代码图片的样式
  • 4.点击“相机”按钮，保存为图片 Image Preview 图片预览。

  • CSS Peek 增强 HTML 和 CSS 之间的关联，快速查看该元素上的 CSS 样式。

  • Auto Close Tag

  • Auto Rename Tag

  • Vscode-icons 帮助我们根据不同的文件类型生成对应的图标

  • Code Spell Checker 单词拼写检查

  • VS Code 配置云同步（个人觉得这个挺好用的，比如换一台新的电脑不用重新一个个安装vscode插件了，节省时间）

mac的一些其他快捷键操作

1 快速锁屏

Mac系统：

Command+Control+Q

ctrl+shift+q (好像退出后所有的程序都关闭了）

2 强制退出程序

Mac系统： Command-Option- Esc→【强制退出应用程序】选项卡下选择要关闭的应用程序→“强制退出”

3 打开console控制台

  • F12 / Option + Command + J

4 切换程序

Mac系统：Command+Tab

5 窗口最大  /  小化

Mac系统：

        Command+Control+F：最大化/还原窗口大小

        Command+M：最小化

6 快速截图

Mac系统：

Command-Shift-4：截取所选屏幕区域到一个文件

Command-Shift-3：截取全部屏幕到文件

自己也是看别人文章，结合自身实际做的一些摘要！ juejin.cn/post/684490…

avatar
文章
阅读
粉丝