vscode 预览图片插件_VSCode安装实时预览插件和格式化配置

最新推荐文章于 2025-04-02 12:00:26 发布

rossdawson

最新推荐文章于 2025-04-02 12:00:26 发布

阅读量8k

点赞数

文章标签： vscode 预览图片插件

本文链接：https://blog.youkuaiyun.com/weixin_42469649/article/details/113536447

版权

本文介绍了如何在VSCode中安装并配置实时预览插件Live Server，以及如何设置HTML、CSS、JavaScript、JSON、PHP和Markdown的格式化选项，以提升开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实时预览插件：

live server

格式化配置

shift+ctrl+P ：Open Setting（json）

{
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
"[css]": {
"editor.defaultFormatter": "vscode.css-language-features"
},
"[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
"[json]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"[php]": {
"editor.defaultFormatter": "vscode.php-language-features"
},
"[markdown]": {
"editor.defaultFormatter": "vscode.markdown-language-features",
"editor.wordWrap": "on",
"editor.renderWhitespace": "all",
"editor.acceptSuggestionOnEnter": "off"
},
"liveServer.settings.CustomBrowser": "chrome",
"editor.formatOnSave": true,
"editor.formatOnType": true
}