vscode设置vetur格式化代码(双引号变单引号 去除分号等)前端小白教程

安装prettier

第一步设置 vetur 

点击设置

 搜索vetur

 找到formatter js 选择prettier ⚠️这一步很重要 如果不是prettier 下面你设置也会没效果

 找到设置settings.json的地方

 找到

 

  "prettier": {
          //间隔修改为2个空格
          "tabSize": 2,
          //设置分号
          "semi": false,
          //双引号变成单引号
          "singleQuote": true,
          //禁止随时添加逗号
          "trailingComma": "none"
        }

 根据需要设置 再点击使用..格式化文档

选择 这个时候我们就可以 格式化的时候直接将双引号变成单引号了

更多设置请查看官网文档

Options · Prettier 中文网

 函数名后面增加空格

    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    "typescript.format.insertSpaceBeforeFunctionParenthesis": true,