vscode 写编写vue,如何在.vue中的style标签中使用stylus 有语法提示和高亮?

图片描述

代码能够正常运行,但是没有语法高亮和提示很蛋疼。。。

阅读 25.6k
9 个回答
  1. rel属性不需要

  2. 语法提示是没有的

  3. 高亮肯定是有的,目前那几个插件都是支持stylus的高亮的

  4. 我猜你八成是忘了设置用户属性…………有了插件还要去改一个设置。
    首选项里面的用户设置里面,在右边的JSON里面添加这个设置再试试看:

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

其实,只要在下载一个language-stylus就行了,不用设置

下载vetur插件就好了。我在首选项设置

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

没有任何效果

xiaoboost 已经说的很好了 , 下载 vue 2 snippets ,然后编辑器以 VScode为例,

首选项- 用户设置 ,在JSON 文件放入一下代码
"files.associations": {

"*.vue": "vue"

}

都在用户设置中
配置 vue , 那么 vue 能正常显示,还能正常对待 sytlus

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

配置 emmet, 在文件是 vue 单文件的时候还能使用 emmet, 也就是 tab 的代码自动补全

"emmet.showAbbreviationSuggestions": true,
    "emmet.showExpandedAbbreviation": "always",
    "emmet.includeLanguages": {
            "vue-html": "html",
            "vue": "html"
 }

如果对你有帮助,请支持我哟!

插件应该可以解决你的问题

不知道怎么高亮,不过这里不需要 rel 属性

新手上路,请多包涵

"files.associations": {

"*.vue": "html"

}
就好了

同问,请问一下你解决了吗

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
logo
Microsoft
子站问答
访问
宣传栏