Visual Studio Code 开发vue3.0项目时，不支持vue代码高亮和提示怎么办？

dmr

解决办法：   可以安装插件Vue-Official（即Volar）:

• 提供 Vue 文件的语法高亮。
• 支持 Vue 文件的智能感知和自动完成。
• 提供了 Vue 文件的格式化工具。
• Vue - Official - Visual Studio Marketplace
  

       点击以上插件链接，就会在vs code中打开，点击安装就行。再次打开vue页面，代码段就能有语法，高亮，跳转等格式了。

       备注：Vue-Official插件是Vue 3 开发的必备插件之一。还有其它的优秀的插件，例如：

一、Vue-Official（即Volar）:

     提供 Vue 文件的语法高亮。
    支持 Vue 文件的智能感知和自动完成。
    提供了 Vue 文件的格式化工具。
    Vue - Official - Visual Studio Marketplace

二、Vue 3 Snippets:

     提供 Vue 3 相关的代码片段，方便快速输入常见代码结构。
    支持 Vue 组件选项、指令、生命周期等。
    Vue 3 Snippets 插件

三、ESLint:

     用于代码风格检查和静态分析。
    与 Vue 3 的 ESLint 插件一起使用，确保符合 Vue 3 的规范。
    ESLint 插件

四、Prettier:

     代码格式化工具，帮助保持代码风格的一致性。
    与 Vue 3 的 Prettier 插件一起使用，确保与 Vue 3 的风格一致。
   Prettier - Code formatter 插件

五、Debugger for Chrome:

     与 Chrome 调试器集成，方便调试 Vue 3 应用程序。
    支持断点、监视变量等调试功能。
    Debugger for Chrome 插件
六、Path Intellisense:

     路径自动完成插件，方便在 import 语句中快速输入文件路径。
    提高开发效率。
    Path Intellisense 插件

七、GitLens:

     提供强大的 Git 功能，方便查看和比较代码的历史版本。
    支持注释、贡献者信息等。
    GitLens 插件

八、Auto Import:

     自动导入插件，可帮助自动完成和自动导入模块。
    提高开发效率，减少手动导入的繁琐过程。
    Auto Import 插件

九、Vue Peek:

     允许从模板中跳转到相关的 Vue 文件。
    支持在模板、样式和脚本之间轻松切换。
    Vue Peek 插件

十、EditorConfig for VS Coder:

     支持 EditorConfig 文件，用于在团队中维护一致的编辑器配置。
    EditorConfig for VS Code 插件

     以上插件是在 Vue 3 开发过程中常用的一些工具，可以根据个人和团队的需求进行调整。安装这些插件可以提高代码质量、开发效率和协作体验。

     来源： CSDN,原文链接：https://blog.csdn.net/QQ675396947/article/details/134673775

微信扫一扫，分享更方便