资讯专栏INFORMATION COLUMN

VS Code 中,修复 postcss 语法的后缀是 css 的文件报错的问题

canger / 2733人阅读

摘要:起因今天,用打开一个前端项目,项目中的前端样式文件,使用的是语法,文件后缀名是。官方给出的的解释是配置语言的文件关联如。这些关联的优先级高于已安装语言的默认关联。

起因

今天,用 VS Code 打开一个前端项目,项目中的前端样式文件,使用的是 postcss 语法,文件后缀名是 .css

打开后缀为 .css 文件的时候,所有 postcss 中跟 css 语法不同的语句都报了错误提示,实例见下图:

解决

找到了一个很好的解决方案,不需要动项目的配置,只需要在 VS Code 的设置文件中,改变一下文件的高亮语法即可。

官方给出的 fiile.associations 的解释是:配置语言的文件关联(如: "*.extension": "html")。这些关联的优先级高于已安装语言的默认关联。

意思就是说:如果你想改变任意后缀文件的高亮语法,都可以在这个对象里新增,只要新增之后,这个设置就会替换到编辑器默认的高亮语法。

完。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/115689.html

相关文章

  • 如何为你 Vue 项目添加配置 Stylelint

    摘要:如何为你的项目添加配置如何为你的项目添加配置现在已经是年了,网上许多教程和分享帖都已经过期,照着他们的步骤来会踩一些坑,如已经不再维护,以及之后文件只剩下部分等。如有疑问或授权协商请与我联系。如何为你的 Vue 项目添加配置 Stylelint 现在已经是 9102 年了,网上许多教程和分享帖都已经过期,照着他们的步骤来会踩一些坑,如 stylelint-processor-html 已经不...

    番茄西红柿 评论0 收藏0
  • 爱搞事情webpack

    摘要:可以防止不同操作系统之间的文件路径问题,并且可以使相对路径按照预期工作。被用于转换某些类型的模块,而插件则可以用于执行范围更广的任务。安装脚本配置,官方推荐的配置如下,但是需要结合自己的项目修改一下插件的套路。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。 showImg(https://segmentfault.com/...

    JiaXinYi 评论0 收藏0
  • 爱搞事情webpack

    摘要:可以防止不同操作系统之间的文件路径问题,并且可以使相对路径按照预期工作。被用于转换某些类型的模块,而插件则可以用于执行范围更广的任务。安装脚本配置,官方推荐的配置如下,但是需要结合自己的项目修改一下插件的套路。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。 showImg(https://segmentfault.com/...

    yexiaobai 评论0 收藏0
  • 爱搞事情webpack

    摘要:可以防止不同操作系统之间的文件路径问题,并且可以使相对路径按照预期工作。被用于转换某些类型的模块,而插件则可以用于执行范围更广的任务。安装脚本配置,官方推荐的配置如下,但是需要结合自己的项目修改一下插件的套路。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。 showImg(https://segmentfault.com/...

    yeooo 评论0 收藏0
  • Vue + TypeScript + Element 项目实践(简洁时尚博客网站)及踩坑记

    摘要:前言本文讲解如何在项目中使用来搭建并开发项目,并在此过程中踩过的坑。具有类型系统,且是的超集,在年势头迅猛,可谓遍地开花。年将会更加普及,能够熟练掌握,并使用开发过项目,将更加成为前端开发者的优势。 showImg(https://segmentfault.com/img/remote/1460000018720573); 前言 本文讲解如何在 Vue 项目中使用 TypeScript...

    luckyyulin 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<