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

发布于 2022-09-04 15:10:45 字数 162 浏览 11 评论 0

图片描述

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(9

深海少女心 2022-09-11 15:10:45
  1. rel属性不需要

  2. 语法提示是没有的

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

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

    "files.associations": {
        "*.vue": "vue"
    }
心房的律动 2022-09-11 15:10:45

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

苄①跕圉湢 2022-09-11 15:10:45

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

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

没有任何效果

才能让你更想念 2022-09-11 15:10:45

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

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

"*.vue": "vue"

}

瞳孔里扚悲伤 2022-09-11 15:10:45

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

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

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

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

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

薆情海 2022-09-11 15:10:45

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

北陌 2022-09-11 15:10:45

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

醉南桥 2022-09-11 15:10:45

"files.associations": {

"*.vue": "html"

}
就好了

弄潮 2022-09-11 15:10:45

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文