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

• 前端

安装prettier

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

第一步设置 vetur 

点击设置

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

 搜索vetur

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

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

vscode设置vetur格式化代码(双引号变单引号 去除分号等)前端小白教程 找到设置settings.json的地方

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

 找到

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

 

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

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

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

选择vscode设置vetur格式化代码(双引号变单引号 去除分号等)前端小白教程 这个时候我们就可以 格式化的时候直接将双引号变成单引号了

更多设置请查看官网文档

Options · Prettier 中文网

 函数名后面增加空格

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

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/1d1df02f77.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐