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

安装prettier

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

第一步设置 vetur 

点击设置

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

 搜索vetur

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

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

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

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

 找到

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

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

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

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

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

更多设置请查看官网文档

Options · Prettier 中文网

 函数名后面增加空格

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

你可能感兴趣的:(vscode,编辑器,前端,javascript)