vscode插件推荐

最新推荐文章于 2025-07-25 18:47:57 发布

X Dou

最新推荐文章于 2025-07-25 18:47:57 发布

阅读量951

点赞数

CC 4.0 BY-SA版权

分类专栏：个人随笔文章标签：实用必备 vscode插件推荐

本文链接：https://blog.youkuaiyun.com/qq_42707446/article/details/93402060

个人随笔专栏收录该内容

15 篇文章

订阅专栏

本文推荐了多个实用的VSCode插件。包括可设置背景图片的background，用于代码格式化的Beautify和prettier - Code formatter，能以本地服务器打开页面且实时更新内容的Live Server等，还介绍了部分插件的使用方法和快捷键。

1 background 设置背景图片
- 设置

"background.enabled": true,
  "background.useDefault": false,
  "background.customImages": ["E:/...(图片路径)"],
  "background.style": {
    "-webkit-background-size": "cover",
    "-moz-background-size": "cover",
    "-o-background-size": "cover",
    "background-size": "cover",
    "opacity": 0.28
  },

2 Beautify&& prettier - Code formatter ----- 代码格式化
- Beautify设置
  - 使用：打开要格式化的文件 —> F1 —> Beautify file —> 选择你要格式化的代码类型
  - 格式化对齐快捷键：
    Windows： Ctrl + K + F
    Windows：Shift + Alt + F
    Mac： Shift + Option + F
    Ubuntu： Ctrl + Shift + I
3 Live Server 本地服务器打开页面–不用刷新实时更新页面内容
4 Open HTML in Default Browser 本地打开页面–刷新后更新页面内容
5 Chinese (Simplified) Language Pack for Visual Studio Code 适用于 VS Code 的中文（简体）语言包
6 HTML Snippets 代码补全
7 vscode-icons icons图片