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快捷键的资料请关注我们其它相关文章！

赞 (0)

相关推荐

  • VSCode配置Go插件和第三方拓展包的详细教程

    前言 VSCode现在已经发展的相当完善,很多语言都比较推荐使用其来编写,Go语言也一样,前提你电脑已经有了Go环境和最新版本的VSCode 插件安装 直接在拓展插件中搜索Go,就可以安装Go插件 安装之后vscode会弹出该插件还需安装一些扩展工具支持,但是这些工具往往会下载失败,或者仅仅成功一部分 比如: Installing github.com/nsf/gocode FAILED Installing github.com/uudashr/gopkgs/cmd/gopkgs FAILED

  • VSCode Vue开发推荐插件和VSCode快捷键(小结)

    首先这几个是VSCode推荐Vue开发必备的插件 Vetur -- 语法高亮.智能感知.Emmet等 包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着) EsLint -- 语法纠错 Debugger for Chrome -- 映射vscode上的断点到chrome上,方便调试(配置有点麻烦,其实我没用这个) Auto Close Tag -- 自动闭合HTML/XML标签 Auto Rename Tag -- 自动

  • VSCode插件开发全攻略之命令、菜单、快捷键

    命令 我们在前面HelloWord章节中已经提到了命令写法,这里再重温一下. context.subscriptions.push(vscode.commands.registerCommand('extension.sayHello', () => { vscode.window.showInformationMessage('您执行了extension.sayHello命令!'); })); 然后在清单文件声明: "commands": [ { "command&q

  • vscode配置leetcode插件并解决无法登录问题(图文详解)

    官方文档 https://github.com/LeetCode-OpenSource/vscode-leetcode/blob/master/docs/README_zh-CN.md 1.环境 window10 vscode 1.23.0+ Node.js 10+ 如果Node.js 没添加到环境变量需要手动添加,添加成功在cmd中输入node --version会显示:  2.配置 vscode安装leetcode插件: 安装完右侧会出现: 此时发现账号密码方式无法登录(本次教程都针对国际版

  • 成功安装vscode中go的相关插件(详细教程)

    让你成功安装vscode中go的相关插件 注意:该演示环境是windows环境,linux和mac环境操作思路一样 vscode中有很多go的相关插件,非常好用如下: gocode gopkgs go-outline go-symbols guru gorename gomodifytags goplay impl godef goreturns golint gotests dlv 但是由于各种原因,这些插件无法安装,甚至你翻墙之后发现也还是无法安装,加上最近翻墙被限制的这么严格,所以总结了如

  • vscode 使用Prettier插件格式化配置使用代码详解

    参考 使用ESLint+Prettier来统一前端代码风格 vscode 配置vue+vetur+eslint+prettier自动格式化功能 问题描述 最近用Nodejs + express 写了一个zip文件上传的功能,代码给了别人看,各种吐槽,代码不规范,没有按照eslint,编辑器打开就是各种红色提醒,当然还有其他许多- 第一反应就是反感,后面冷静一想,还是自己做事的态度有问题,做完了功能已经完成了95%,为什么不到最后一步一键格式化,做到百分百呢?反思中 为了让以后代码美观,不让别人吐

  • 常用VsCode 快捷键(Window & Mac)GIF演示

    尽管我们经常使用 VS Code中的许多快捷方式,但是我们有可能会忘记它们. 这里用可视化制作了一些GIF,以便更好地记住它们,希望对你有所帮助. VSCode中的每个命令也可以通过使用CTRL + SHIFT + P和搜索查询的命令提示符来执行. 但是知道直接快捷键速度会更快. 1. CTRL+, 打开用户设置 偶尔需要调整用户首选项,这是直接打开它们的方式. 2. CTRL+K CTRL+S : 显示快捷键 这是VSCode中的快捷方式的完整列表. 还可以下载下来Windows[PDF]和M

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

    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 +

  • babel插件去除console示例详解

    babel插件去除console示例详解

    目录 起因 介绍 窥探 初见AST Program ExpressionStatement CallExpression MemberExpression Identifier StringLiteral 公共属性 如何写一个babel插件? 构造visitor方法 去除所有console 增加env api 增加exclude api 增加commentWords api 细节完善 对于后缀注释 对于前缀注释 发布到线上 安装 使用 起因 已经颓废了很久 因为实在不知道写啥了 突然我某个同事对

  • JavaScript调试技巧之console.log()详解

    JavaScript调试技巧之console.log()详解

    一.什么是console.log()?除了一些很老版本的浏览器,现今大多数浏览器都自带调试功能:即使没有调试功能,也可以通过安装插件来进行补充.比如,老版本的Firefox没有自带调试工具,在这种情况下可以通过安装Firebug插件来添加调试功能.在具备调试功能的浏览器上,window对象中会注册一个名为console的成员变量,指代调试工具中的控制台.通过调用该console对象的log()函数,可以在控制台中打印信息.比如,以下代码将在控制台中打印"Sample log": 复制代

  • IDEA的Mybatis Log Plugin插件配置和使用详解

    在使用Mybatis开发项目时,由于避免出现SQL注入,大部分情况下都是使用#{}占位符的方式传参. 所以日志打印SQL时,打印的也是占位符,如: 如果SQL比较复杂,参数又很多的话,要通过日志拼凑真正可执行的SQL还是件比较头痛的事情. 好在IDEA有款很不错的插件(Mybatis Log Plugin)可以解决上述问题. 插件安装 像其它插件一样,可选择在线安装和离线安装. 在线安装:搜索Mybatis Log Plugin,直接install即可.离线安装:可从:http://plugin

  • vue 使用axios 数据请求第三方插件的使用教程详解

    axios 基于http客户端的promise,面向浏览器和nodejs 特色 •浏览器端发起XMLHttpRequests请求 •node端发起http请求 •支持Promise API •监听请求和返回 •转化请求和返回 •取消请求 •自动转化json数据 •客户端支持抵御 安装 使用npm: $ npm i axiso 为了解决post默认使用的是x-www-from-urlencoded 去请求数据,导致请求参数无法传递到后台,所以还需要安装一个插件QS $ npm install qs

  • Windows下MySQL安装教程图文详解

    MySQL安装说明MySQL是一个关系型数据库管理系统,由瑞典MySQL AB 公司开发,目前属于Oracle旗下产品. MySQL 是最流行的关系型数据库管理系统之一,在 WEB 应用方面,MySQL是最好的RDBMS(Relational Database Management System,关系数据库管理系统) 应用软件. MySQL是一种关系数据库管理系统,关系数据库将数据保存在不同的表中,而不是将所有数据放在一个大仓库内,这样就增加了速度并提高了灵活性. MySQL所使用的 SQL 语

  • bootstrap中日历范围选择插件daterangepicker的使用详解

    daterangepicker是bootstrap的一个日历插件 主要用来选择时间段的插件 这个插件很好用 也很容易操作  引入相关插件 <!-- 需要引用的依赖库 --> <script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script> <script type="text/javascript&quo

  • VSCode插件开发全攻略之package.json详解

    package.json 在详细介绍vscode插件开发细节之前,这里我们先详细介绍一下vscode插件的package.json写法,但是建议先只需要随便看一下,了解个大概,等后面讲到具体细节的时候再回过头来看. 如下是package.json文件的常用配置,当然这里还不是全部: { // 插件的名字,应全部小写,不能有空格 "name": "vscode-plugin-demo", // 插件的友好显示名称,用于显示在应用市场,支持中文 "displa

  • jupyter notebook的安装与使用详解

    最近由于项目需要,开始学习python,然后发现一个非常有用的python交互式编辑器,非常容易上手而且非常有用和实在,本博文是对学习jupyter notebook的一个汇总和记录,与大家一起分享!下面的内容是针对ubuntu 系统的,当然,jupyter notebook在windows也是支持的. 一.jupyter notebook是什么 官网的介绍是:Jupyter Notebook是一个Web应用程序,允许您创建和共享包含实时代码,方程,可视化和说明文本的文档. 用途包括:数据清理和

  • mysql 8.0.22 zip压缩包版(免安装)下载、安装配置步骤详解

    mysql 8.0.22 zip压缩包版(免安装)下载、安装配置步骤详解

    大家好,今天我在学习 MySQL 8.0.22安装及配置遇到了一些问题,特地将我整个安装过程分享出来希望可以帮助不会安装的小伙伴

随机推荐