【Web】VS Code 插件及快捷键

专栏文章索引:Web

有问题可私聊:QQ:3375119339

目录

一、安装步骤

二、插件

1.Chinese (Simplified) (简体中文) 

2.open in browser

3.vscode-icons

4.Live Server

5.Live Server Preview

6.翻译(英汉词典)

三、快捷键

1.缩放代码字号


一、安装步骤

  • 点击 “扩展”

  • 搜索插件

  • 安装

  • 重启VS Code        

二、插件

1.Chinese (Simplified) (简体中文) 

汉化菜单插件

中文语言包扩展(简体),将VS Code汉化

2.open in browser

打开网页插件

通过简单的键盘快捷键或右键菜单直接在默认浏览器中打开 HTML 文件

3.vscode-icons

设置文件图标

该插件会基于文件扩展名在 the tree view 中的文件名旁添加图标,让你更容易地识别文件。

4.Live Server

实时更新页面

当编辑页面修改内容后,保存代码,浏览器上会自动同步显示效果

5.Live Server Preview

页面实时预览

安装成功之后,每次编辑页面,打开命令面板,输入 Show Live Server Preview 就会出现该插件,点击即可实现在 VSCode 内实时预览页面效果。

感觉命令面板打开太难受,可以在命令面板选择编辑打开 Live Server Preview 的快捷键。

在此输入快捷键,按下 Enter 键即可。

6.翻译(英汉词典)

在状态栏中显示选中词的释义

选中需要翻译的英文单词,在右下角就会出现该单词的中文意思了

三、快捷键

1.缩放代码字号

  • 放大:Ctrl + 加号
  • 缩小:Ctrl + 减号

2.快速生成html基本骨架

在HTML文件(.html)中,输入!,按Enter / Tab键

3.代码注释

添加 / 删除 注释的快捷键:Ctrl + /


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/619230.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【SERVERLESS】AWS Lambda上实操

通过Serverless的发展历程及带给我们的挑战,引出我们改如何改变思路,化繁为简,趋利避害,更好的利用其优势,来释放企业效能,为创造带来无限可能。 一 Serverless概述 无服务器计算近年来与云原生计算都是在…

如何解决电感啸叫

一、什么是电感噪声 电感器啸叫是指在20Hz-200Hz的当前激励频率下,电感器会发出人耳可以听到的吱吱声。这种现象在DC-DC的功率电感器中很常见。是什么引起电感啸叫以及如何解决? 二、电感啸叫的原因 电感啸叫声产生的主要的原因就是漆包线。我们都知道电…

【探讨】光场空间结构全维度非线性调控理论及应用

摘要:得益于数字全息与几何相位平面光学技术的逐渐成熟,空间结构光场调控及应用研究已在线性光学领域取得蓬勃发展。与之相比,以非线性光学为物理途径的相关研究虽能实现许多关键功能(如光场间信息交互)却仍处于起步阶段。笔者课题组在国家自…

C语言文件操作函数remove、rename、popen、fget

1.remove函数删除文件 remove 函数原型 : 删除指定的文件 ; #include <stdio.h> int remove(char *filename);参数&#xff1a; char *filename 是文件路径 ; 返回值&#xff1a;如果成功&#xff0c;则返回零。如果错误&#xff0c;则返回 -1&#xff0c;并设置 errn…

wpf下RTSP|RTMP播放器两种渲染模式实现

技术背景 在这篇blog之前&#xff0c;我提到了wpf下播放RTMP和RTSP渲染的两种方式&#xff0c;一种是通过控件模式&#xff0c;另外一种是直接原生RTSP、RTMP播放模块&#xff0c;回调rgb&#xff0c;然后在wpf下渲染&#xff0c;本文就两种方式做个说明。 技术实现 以大牛直…

双向链表的实现(详解)

目录 前言初始化双向链表的结构为双向链表的节点开辟空间头插尾插打印链表尾删头删查找指定位置之后的插入删除pos节点销毁双向链表 前言 链表的分类&#xff1a; 带头 不带头 单向 双向 循环 不循环 一共有 (2 * 2 * 2) 种链表 带头指的是&#xff1a;带有哨兵位节点 哨兵位&a…

webrtc中的Track,MediaChannel,MediaStream

文章目录 Track,MediaChannel,MediaStream的关系MediaStream的创建流程创建VideoChannel的堆栈创建VideoStream的堆栈 sdp中媒体参数信息的映射sdp中媒体信息参数设置体系参数设置流程参数映射体系 Track,MediaChannel,MediaStream的关系 Audio/Video track&#xff0c;MediaC…

Servlet实现常用功能及其他方法

getParameter 获取body或url中指定的key/value值 String classIdreq.getParameter("classId"); getQueryString 获取请求的所有查询参数key,values1 String queryStringreq.getQueryString(); from表单提交 前端通过from表单提交用户名和密码 <!DOCTYPE htm…

Java record类用法简介

参考资料 Java 16 新特性&#xff1a;record类新特性Record最全用法总结—动力节点总结Javaのレコードクラス从头学Java17-Stream API&#xff08;二&#xff09;结合Record、Optional 目录 一. 介绍二. 基本语法三. 各种特性示例3.1 准备3.2 创建&#xff0c;属性&#xff0c…

MySQL 社区版 安装总结

很早就安装过MySQL&#xff0c;没有遇到过什么问题&#xff0c;直接next就行了&#xff0c;这次在新电脑上安装却遇到了一些问题&#xff0c;记录一下。 安装的是MySQL社区版&#xff0c;下载地址是www.mysql.com&#xff0c;进入后选择DOWNLOAD页面&#xff0c;选择MySQL Com…

对常见FTP客户端/服务器的调查与分析

前言 主要是想看看常见的服务器和客户端是如何实现协议中要求的功能的&#xff0c;。 比如RF959要求的记录结构&#xff08;Record Structure&#xff09;、页结构&#xff08;Page Structure&#xff09;、Block Mode、Compress Mode&#xff0c;看起来就很抽象。 实测发现…

快速入门深度学习9.1(用时20min)——GRU

速通《动手学深度学习》9.1 写在最前面九、现代循环神经网络9.1 门控循环单元&#xff08;GRU&#xff09;9.1.1. 门控隐状态9.1.1.1. 重置门和更新门9.1.1.2. 候选隐状态9.1.1.3. 隐状态 9.1.3 API简洁实现小结 &#x1f308;你好呀&#xff01;我是 是Yu欸 &#x1f30c; 20…