vscode vetur配置

注意该配置需要安装vetur插件

如果出现一下错误那么你就不用找其他文章了,可以把本配置文件拷贝到你的工作空间

再次提醒: 该配置需要vetur插件

  1. Missing space before function parentheses 函数括号前缺少空格
{
  "vetur.format.styleInitialIndent": true,
  "vetur.format.scriptInitialIndent": true,
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      // Prettier option here
      // 格式化时禁止末尾添加逗号
      "trailingComma": "none",
      // 会忽略vetur的tabSize配置
      "tabWidth": 2,
      // 是否利用tab替代空格
      "useTabs": false,
      // 句尾是否加分号
      "semi": false,
      // 使用单引号而不是双引号
      "singleQuote": true,
      // allow paren-less arrow functions 箭头函数的参数使用圆括号
      "arrowParens": "avoid",
    }
  },
  // 使用混合校验规则
  "vetur.format.defaultFormatter.js": "prettier-eslint"
}

这里做个备份

  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VSCode 是一款非常流行的代码编辑器,而 Vue.js 可以说是前端开发的最爱之一,因此在使用 VSCode 进行 Vue.js 的开发过程中配置 Vetur 就显得尤为重要。 Vetur 是一款 Vue.js 语言服务插件,集成了 Vue.js 的语法高亮、Emmet 等等功能,可以让开发者更加方便地编写 Vue.js 代码。 安装 Vetur 很简单,可以直接在 VSCode 商店内进行搜索并安装即可。如果不清楚如何安装可以参考以下操作: 打开 VSCode,点击左侧的扩展图标,输入 Vetur 搜索,然后点击安装。安装完成后,VSCode 会提示你重新加载配置,点击即可自动重新加载,当重新加载完成后,Vetur 就可以正常使用了。如果安装出现问题,可以在 GitHub 官网查看安装教程。 安装完成后,我们需要在工作区中添加 Veture 配置,打开工作区文件夹,新建 .vscode 文件夹,然后在该文件夹中创建一个名为 settings.json 的文件,然后在这个文件中添加如下配置: { "vetur.format.defaultFormatter.html": "prettier", "vetur.format.defaultFormatter.js": "prettier", "vetur.format.defaultFormatter.css": "prettier", "vetur.format.defaultFormatter.less": "prettier", "vetur.format.defaultFormatter.postcss": "prettier", "vetur.format.defaultFormatter.scss": "prettier", "vetur.format.defaultFormatter.stylus": "stylus-supremacy", "vetur.format.options.useTabs": true, "vetur.format.options.tabSize": 2, "vetur.ignoreProjectWarning": true, "vetur.validation.template": false } 以使用 Prettier 作为默认的代码格式化工具,可以非常容易地格式化你的代码。此外,还可以根据自己的需求对一些其他格式化工具进行配置。 如果你使用的是 Stylus 或者其他一些特定的 CSS 预处理器,可以根据需要安装相应的插件,然后在配置文件中进行配置。 总之,使用 Vetur 配置 VSCode 的 Vue.js 开发环境,可以极大地提升我们的工作效率,加速代码的开发和调试过程,使用体验非常优秀,非常值得你去尝试。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值