VSCode中settings.json常用配置

最新推荐文章于 2026-04-21 11:43:19 发布

原创

最新推荐文章于 2026-04-21 11:43:19 发布 · 1.4k 阅读

标签

#前端 #vue.js

收录于

本文介绍了如何在VSCode中配置Vetur和Prettier插件，包括设置自动格式化、缩进风格、文件保存时的格式化选项，以及针对HTML、JavaScript和Vue文件的代码风格规则，提升代码质量和开发效率。

使用 vetur 插件常用配置

vscode安装 vetur 插件，settings.json文件中添加如下代码：

{
   
   
    "workbench.iconTheme": "material-icon-theme", // 指定工作台中使用的文件图标主题
    "window.zoomLevel": 0, // 调整窗口的缩放级别，原始大小是 0
    "editor.formatOnSave": true, // 在保存时格式化文件
    "editor.tabSize": 2, // 一个制表符等于的空格数
    "[jsonc]": {
   
   
        "editor.defaultFormatter": "octref.vetur" // 定义一个默认格式化程序
    },
    "[javascript]": {
   
   
        "editor.defaultFormatter": "octref.vetur" // 定义一个默认格式化程序
    },
    "[vue]": {
   
   
        "editor.defaultFormatter": "octref.vetur" // 定义一个默认格式化程序
    },
    "files.autoSave": "off", // 控制自动保存未保存的编辑器
    "git.confirmSync": false, // 同步Git存储库前请先进行确认
    "git.autofetch": true, // 启用时，提交将自动从当前Git存储库的默认远程获取
    "javascript.format.insertSpaceBeforeFunctionParenthes