【Web】VS Code 插件

   

专栏文章索引：Web
  有题目可私聊：QQ：3375119339
  

目次
一、安装步骤
二、插件
1.Chinese (Simplified) (简体中文) 
2.open in browser
3.vscode-icons
4.Live Server
5.Live Server Preview
6.翻译(英汉词典)

---

一、安装步骤

• 点击 “扩展”
  

• 搜刮插件
  

• 安装
  

• 重启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.翻译(英汉词典)

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

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

7.background-cover

自定义背景

• Background Cover：Auto Status
  设置是否主动开启背景
  
• Background Cover: lmage Path
  给定一个图片作为背景
  
• Background Cover: Opacity
  设置背景的透明度
  
• Background Cover: Random Image Folder
  给定一个目次作为随机图片目次
  

---

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。