关于vscode文件配置

[lili1995]

是否需要在setting.json中如下配置：

 "files.associations": {
        "*.vue": "vue"
     }

看到很多vue插件都需要这样配置，不知道该插件需要这么配置么？

[OYsun]

@lili1995

vscode默认将vue后缀的文件当作html，现在1.8版本支持html中的css和js的代码提示https://www.zhihu.com/question/43918020

起初，之前vue插件这么配置

"files.associations": {
        "*.vue": "vue"
     }

是让vue后缀的文件就当作vue文件格式来解析，vue插件package.json都有

"snippets": [
            {
                "language": "vue",
                "path": "snippets/vue.json"
            }
     ]

这么一段代码，但是这样会出现一些问题，因为如果你有其它snippets的插件，比如 htm5 snippets 和 javascript code snippets 在vue文件中无法作用，因为这些插件没做这项配置，所以，你没法在 template 有html标签提示，在<script>也没有javascript语法的提示，比较蛋疼。当然你觉得写vue组件不需要这些代码提示，认为这样比较清静也是可以的。我对这这插件是这样设置

"snippets": [
            {
                "language": "javascript",
                "path": "./src/snippets/main.json"
            },
            {
                "language": "typescript",
                "path": "./src/snippets/main.json"
            },
            {
                "language": "html",
                "path": "./src/snippets/html.json"
            },
            {
                "language": "vue",
                "path": "./src/snippets/main.json"
            },
            {
                "language": "vue",
                "path": "./src/snippets/html.json"
            }
        ]

所以你加不加那段配置代码都没关系

[lili1995]

👍 谢谢

[u3u]

语言模式选择 html 是最佳的 不过有一个比较蛋疼的问题 vscode 不支持内联 scss 语法

[nicefan]

我的版本是1.81，如果不加配置，jade,stylus,都不会语法高亮了，而且stylus会报css语法错误

[yoyo930021]

+1

[soakit]

1.9.1与@nicefan有同样的问题

[nicefan]

vscode升级到最新，装vuter插件，加上vue文件associations配置，已经可以完美语法高亮，代码提示了

[Moerj]

如果不写
"files.associations": {
"*.vue": "vue"
}

template中没有代码高亮

如果写了，则script中没有js提示

[nicefan]

那就奇怪了，我的怎么没问题？我刚核对了一下，vscode1.91，vetur0.3.4，没做其它设置了。 发自我的超级手机 2017年2月21日 21:38于 萌耳君 <notifications@github.com>写道： @nicefan<https://github.com/nicefan> vscode1.9.1,装了vuter和VueHelper，设置了vue的associations，但是在.vue文件中的script写js没有原始js提示了 ― You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub<#1 (comment)>, or mute the thread<https://github.com/notifications/unsubscribe-auth/APEH_Smgrx-C8O6avIoaOXQULX1qsIWpks5reui8gaJpZM4LUlvW>.

[OYsun]

@nicefan @u3u @yoyo930021 @soakit @lili1995 主要原因是fork自vetur的vue代码高亮功能没有及时同步，目前在0.0.9已近解决，VueHelper的代码高亮功能不再fork自vetur。而是依赖于vetur，安装VueHelper会同时安装vetur。VueHelper专注于代码提示功能部分。

[Moerj]

@OYsun 已更新0.0.9,在html模式下依然没有代码高亮，切换成vue语法模式有高亮但script中缺少原生js提示

[nicefan]

@Moerj 你单独安装了vetur插件了吗？