VS Code 的常用快捷键和插件

谁借莪1个温暖的怀抱¢ 2023-10-02 19:31 140阅读 0赞

一、vs code 的常用快捷键

  • 1、注释:

a) 单行注释:[ctrl+k,ctrl+c] 或 ctrl+/

b) 取消单行注释:[ctrl+k,ctrl+u] (按下ctrl不放,再按k + u)

c) 多行注释:[alt+shift+A]

d) 多行注释:/**

  • 2、移动行:alt+up/down
  • 3、显示/隐藏左侧目录栏 ctrl + b
  • 4、复制当前行:shift + alt +up/down
  • 5、删除当前行:shift + ctrl + k
  • 6、控制台终端显示与隐藏:ctrl + ~
  • 7、查找文件/安装vs code 插件地址:ctrl + p
  • 8、代码格式化:shift + alt +f
  • 9、新建一个窗口 : ctrl + shift + n
  • 10、行增加缩进: ctrl + [
  • 11、行减少缩进: ctrl + ]
  • 12、裁剪尾随空格(去掉一行的末尾那些没用的空格) : ctrl + shift + x
  • 13、字体放大/缩小: ctrl + ( + 或 - )
  • 14、拆分编辑器 : ctrl + 1/2/3
  • 15、切换窗口 : ctrl + shift + left/right
  • 16、关闭编辑器窗口 : ctrl + w
  • 17、关闭所有窗口 : ctrl + k + w
  • 18、切换全屏 : F11
  • 19、自动换行 : alt + z
  • 20、显示git : ctrl + shift + g
  • 21、全局查找文件:ctrl + shift + f
  • 22、显示相关插件的命令(如:git log):ctrl + shift + p
  • 23、选中文字:shift + left / right / up / down
  • 24、折叠代码: ctrl + k + 0-9 (0是完全折叠)
  • 25、展开代码: ctrl + k + j (完全展开代码)
  • 26、删除行 : ctrl + shift + k
  • 27、快速切换主题:ctrl + k / ctrl + t
  • 28、快速回到顶部 : ctrl + home
  • 29、快速回到底部 : ctrl + end
  • 30、格式化选定代码 :ctrl + k / ctrl +f
  • 31、选中代码 : shift + 鼠标左键
  • 32、多行同时添加内容(光标) :ctrl + alt + up/down
  • 33、全局替换:ctrl + shift + h
  • 34、当前文件替换:ctrl + h
  • 35、打开最近打开的文件:ctrl + r
  • 36、打开新的命令窗:ctrl + shift + c
  • 37、vs code 中git提交默认不区分文件名大小写: git config core.ignorecase false

二、vs code 的常用插件

  • 1、Auto Rename Tag 修改html标签,自动帮你完成尾部闭合标签的同步修改,和webstorm一样。
  • 2、Auto Close Tag 自动闭合HTML标签
  • 4、Beautiful 格式化代码的工具
  • 5、Dash Dash是MacOS的API文档浏览器和代码段管理器
  • 6、Ejs Snippets ejs 代码提示

7、ESLint 检查javascript语法错误与提示

  • 8、File Navigator 快速查找文件
  • 9、Git History(git log) 查看git log
  • 10、Gulp Snippets 写gulp时用到,gulp语法提示。
  • 11、HTML CSS Support 在HTML标签上写class智能提示当前项目所支持的样式
  • 12、HTML Snippets 超级好用且初级的H5代码片段以及提示
  • 13、Debug for Chrome 让vs code映射chrome的debug功能,静态页面都可以用vscode来打断点调试、配饰稍微复杂一点
  • 14、Document this Js的注释模板
  • 15、jQuery Code Snippets jquery提示工具
  • 16、Html2jade html模板转pug模板
  • 17、JS-CSS-HTML Formatter 格式化
  • 18、Npm intellisense require 时的包提示工具
  • 19、Open in browser 打开默认浏览器
  • 20、One Dark Theme 一个vs code的主题
  • 21、Path Intellisense 自动路径补全、默认不带这个功能
  • 22、Project Manager 多个项目之间快速切换的工具
  • 23、Pug(Jade) snippets pug语法提示
  • 24、React Components 根据文件名创建反应组件代码。
  • 25、React Native Tools reactNative工具类为React Native项目提供了开发环境。
  • 26、Stylelint css/sass代码审查
  • 27、Typings auto installer 安装vscode 的代码提示依赖库,基于typtings的
  • 28、View In Browser  默认浏览器查看HTML文件(快捷键Ctrl+F1可以修改)
  • 29、Vscode-icons 让vscode资源目录加上图标、必备
  • 30、VueHelper Vue2代码段(包括Vue2 api、vue-router2、vuex2)
  • 31、Vue 2 Snippets vue必备vue代码提示
  • 32、Vue-color vue语法高亮主题
  • 33、Auto-Open Markdown Preview markdown文件自动开启预览
  • 34、EverMonkey 印象笔记
  • 35、atom one dark atom的一个高亮主题(个人推荐)
  • 36、Rainbow Fart 鼓励师插件

三、常用的电脑快捷键

  • 1、ctrl + shift + delete 快速清除浏览器缓存
  • 2、ctrl + alt + delete 快速进入任务管理器页面
  • 3、window + L 快速锁定电脑
  • 4、window + d 所有窗口最小化
  • 5、 window + e 打开我的资源管理器(我的电脑)
  • 6、 window + f 快速打开搜索窗口
  • 7、 alt + tab 快速查看打开的应用与窗口

在这里插入图片描述

发表评论

表情:
评论列表 (有 0 条评论,140人围观)

还没有评论,来说两句吧...

相关阅读

    相关 VS code

    VS code是现在流行的编辑器之一,我们可以通过安装插件来实现更好的使用,下面是常用的插件合集(此处是以我常用的为例),可以直接在VS code左侧的Extensions中搜