前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vscode格式化vue

vscode格式化vue

作者头像
程序员不务正业
发布2019-11-15 12:21:49
1.1K0
发布2019-11-15 12:21:49
举报

记录一次修改vscode 格式化历程

早上起来发现 cmd + s保存格式化失败

多次查看后发现以下错误提示

40151573782623_.pic.jpg

修改步骤 1、点击配置,查看有几个插件同时使用了 2、卸载不需要的插件 3、重新配置

配置默认格式化程序

屏幕快照 2019-11-15 上午10.30.03.png

这边设置的是beautify

快捷键 cmd + shift + p 输入 settings 进入配置界面

屏幕快照 2019-11-15 上午10.32.35.png

点击进入 Beautify: Config 的 settings.json中编辑 以下为内容

代码语言:javascript
复制
{
    "beautify.language": {
        "js": {
            "type": [
                "javascript",
                "json"
            ],
            "filename": [
                ".jshintrc",
                ".jsbeautify"
            ]
        },
        "css": [
            "css",
            "scss"
        ],
        "html": [
            "htm",
            "html",
            "vue"//在这里加上vue
        ]
    },
    "editor.formatOnSave": true, //保存自动格式化
    "vueBeautify.isRootIndent": false,
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "[vue]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    },
    "workbench.settings.openDefaultKeybindings": true
}
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
命令行工具
腾讯云命令行工具 TCCLI 是管理腾讯云资源的统一工具。使用腾讯云命令行工具,您可以快速调用腾讯云 API 来管理您的腾讯云资源。此外,您还可以基于腾讯云的命令行工具来做自动化和脚本处理,以更多样的方式进行组合和重用。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档