vscode配置使用

145 阅读2分钟

下载

vscode官网下载

使用

微信截图_20230103162107.png

扩展程序

  • Auto Rename Tag 自动重命名
  • Auto Close Tag 自动闭合
  • Chinese (Simplified) 汉化
  • Git Historygit提交历史
  • GitLens
  • Image preview 图片预览
  • jQuery Code Snippets
  • Live Server
  • One Monokai Theme/Material Theme/1984/Dracula Official/Hydra Theme for VS-Code 主题
  • open in browser
  • Path Intellisense 路径提示
  • Prettier - Code formatter 代码格式
  • Vetur 语法高亮
  • vscode-icons 图标
  • Vue 3 Snippets
  • Vue VSCode Snippets 代码提示
  • Vue3 Snippets
  • Vue Language Features (Volar)
  • 别名路径跳转

settings

微信截图_20230103153238.png

快捷键

查找及代码操作

  • Ctrl+K Ctrl+S:查看VSCode中全部快捷键
  • Ctrl+F:查找
  • Ctrl+H:查找替换
  • Ctrl+G: 查找行/文件
  • Alt+Up:向上移动当前行
  • Alt+Down:向下移动当前行
  • Shift+Alt+Up:向上复制当前行
  • Shift+Alt+Down:向下复制当前行
  • Ctrl+Enter:在当前行下方插入空行(光标位置可以不在行尾)
  • Ctrl+Shift+Enter:在当前行上方插入空行(光标位置可以不在行尾)
  • Alt+Z:切换内容是否自动换行(底部显示/隐藏滚动条

窗口操作

  • F11:全屏显示
  • Ctrl +/- :放大/缩小编辑器窗口
  • Ctrl+N: 新建文件
  • Ctrl+Shift+N:打开一个新的VSCode编辑器
  • Ctrl+O:打开文件
  • Ctrl+Shift+O:打开文件夹
  • Ctrl+W:关闭当前文件
  • Ctrl+Shift+W 或 Alt+F4:关闭当前VSCode编辑器
  • Ctrl+\:新建窗口显示代码
  • Ctrl+Alt+→:移动当前文件到右窗口,若没有右窗口,则创建一个新窗口
  • Ctrl+Alt+←:移动当前文件到左窗口
  • Ctrl+Tab:切换文件窗口
  • Ctrl+B:显示/隐藏侧边栏
  • Ctrl+Shift+E:文件资源管理器
  • Ctrl+Shift+G:git管理窗口
  • Ctrl+Shift+X:扩展(插件)管理窗口
  • Ctrl+`:显示/隐藏控制面板

光标操作

  • Home:光标移动到行首
  • End:光标移动到行尾
  • Ctrl+Alt+Up:向上复制光标
  • Ctrl+Alt+Down:向下复制光标
  • Ctrl+Home:光标移动到文件开头(左上)
  • Ctrl+End:光标移动到文件结尾(右下)
  • Shift+Home:选择从光标到行首的内容
  • Shift+End:选择从光标到行尾的内容
  • Shift+Alt+Right:扩大选中范围
  • Shift+Alt+Left:缩小选中范围
  • Alt+Shift+鼠标左键:同时选中编辑多行多列代码
  • Ctrl+U:回退到上一个光标处
  • F12:转到定义处
  • Alt+F12:查看定义处缩略图