Vscode常用快捷键列表、插件安装、console.log详解

 更新时间:2021年05月24日 10:03:44   作者:TZ845195485  
对于开发者来说,在开发过程必须要掌握Vscode常用快捷键列表、插件安装、console.log的相关知识,今天通过本文实例图文相结合给大家介绍的非常详细,需要的朋友参考下吧

①. vscode的常用快捷键列表

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 + p
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

②. vscode中安装插件

①. Auto Rename Tag修改html标签,自动帮你完成尾部闭合标签的同步修改,和webstorm一样

在这里插入图片描述

②. Live Server:让文件在服务器中运行

在这里插入图片描述

③. Prettier-Code formatter:代码格式化

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

④. Vetur:vue组件格式支持

在这里插入图片描述

⑤. vscode-icons:文件图标美化

在这里插入图片描述

⑥. Code Runner:直接运行js文件

在这里插入图片描述 

③. console.log()

①. 每次在代码调试的时候都需要输入console.log(),但是每次都要敲好多字

②. 文件—首选项—用户代码片段----搜 javaScript ,进入JavaScript.json,可以自定义好多有用的快捷键,下面这个例子就是打出c然后tab就乐意直接出来console.log(‘')啦

"Print to console": {
  "prefix": "c",
  "body": [
   "console.log('$1')"
  ],
  "description": "Log output to console"
 }

以上就是Vscode常用快捷键、插件安装、console.log的详细内容,更多关于Vscode console.log快捷键的资料请关注脚本之家其它相关文章!

相关文章

  • 如何将ChatGPT整合到Word中

    如何将ChatGPT整合到Word中

    使用ChatGPT修改语言时,需要将文本复制到网页版的chatGPT中,省掉复制粘贴的过程,能提升效率,这篇文章主要介绍了如何将ChatGPT整合到Word中,需要的朋友可以参考下
    2023-02-02
  • 十六进制、十进制、八进制、二进制常用进制转换

    十六进制、十进制、八进制、二进制常用进制转换

    进制就是进制位,常用的进制包括:二进制、八进制、十进制与十六进制,区别在于数运算时是逢几进一位。比如二进制是逢2进一位,十进制也就是我们常用的0-9是逢10进一位。这篇文章主要介绍了十六进制、十进制、八进制、二进制常用进制转换,需要的朋友可以参考下
    2022-12-12
  • Xshell 6安装和使用教程详解

    Xshell 6安装和使用教程详解

    这篇文章主要介绍了Xshell 6安装和使用教程,Xshell 6支持Windows 平台远程协议Telnet、Rlogin、SSH1/SSH2 PKCS#11、SFTP、Serial,本文给大家讲解的非常详细需要的朋友可以参考下
    2022-11-11
  • idea自动生成UML图的实现图文教程

    idea自动生成UML图的实现图文教程

    UML是一种很重要的分析源码工具,本文主要介绍了idea自动生成UML图的实现图文教程,具有一定的参考价值,感兴趣的可以了解一下
    2024-01-01
  • 总结一些你可能不知道的ip地址

    总结一些你可能不知道的ip地址

    IP对大家来说应该再熟悉不过了,但其实IP地址有一些不为人知的事情,可能你并不知道。例如短IP、不同进制的ip等,所以下面这篇文章主要给大家总结介绍了一些你可能不知道的ip地址知识,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-07-07
  • 如何集成Elasticsearch到django restful

    如何集成Elasticsearch到django restful

    在Django项目中集成Elasticsearch可通过Haystack实现,Haystack作为Django插件提供搜索接口,Elasticsearch作为后端搜索引擎存储检索数据,Haystack支持多种搜索引擎,易于切换且不需改动代码,本文给大家介绍如何集成Elasticsearch到django restful,感兴趣的朋友一起看看吧
    2024-09-09
  • 最新Listary v5.00.2843注册码 亲测可用

    最新Listary v5.00.2843注册码 亲测可用

    listary是 windows 下一款可以快速搜索所有程序、文件,并且可以快速启动程序和打开相应文件的优秀的搜索软件,绝对比系统自带搜索速度快很多,而且查询功能丰富,本文给大家分享Listary v5.00.2843注册码,感兴趣的朋友一起看看吧
    2022-07-07
  • gradle+shell实现自动系统签名

    gradle+shell实现自动系统签名

    这篇文章主要介绍了gradle+shell实现自动系统签名的相关资料,需要的朋友可以参考下
    2019-08-08
  • 基于 Dubbo Admin 临时踢除问题服务实例步骤

    基于 Dubbo Admin 临时踢除问题服务实例步骤

    服务在线上运行的过程中,难免遇到某些节点有问题,为了不影响整体服务的正常运行,需要临时下线问题的服务实例,这篇文章主要介绍了基于 Dubbo Admin 临时踢除问题服务实例,需要的朋友可以参考下
    2022-12-12
  • 鸿蒙(HarmonyOS)实现隐私政策弹窗效果

    鸿蒙(HarmonyOS)实现隐私政策弹窗效果

    但在HarmonyOS中,由于系统弹窗的显示优先级高于其他组件,即使跳转到Web页面,弹窗依然会显示在最上层,下面给大家分享鸿蒙(HarmonyOS)实现隐私政策弹窗,感兴趣的朋友跟随小编一起看看吧
    2024-08-08

最新评论