VSCode中写Vue没有代码提示的解决办法

这篇具有很好参考价值的文章主要介绍了VSCode中写Vue没有代码提示的解决办法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

博主今天第一次使用Vue-CLI创建Vue2.x项目时,发现在VSCode中居然没有Vue语法的代码提示(Vue已经配置完成),于是上网查询资料后发现,原来是需要下载一个插件叫"Vetur",操作步骤如图1所示:

VSCode中写Vue没有代码提示的解决办法

图1 下载插件步骤

如果插件下载安装完成后,编写.vue文件时还是没有代码提示,这个时候就需要对VSCode的语言模式进行更改,操作如图2所示:

VSCode中写Vue没有代码提示的解决办法

图2 语言模式设置

以上两步都完成后,就有代码模板提示啦,如图3所示:

VSCode中写Vue没有代码提示的解决办法

图3 代码提示成功


2023.2.22更新

Vetur这个插件是对Vue2的项目适配比较好的,Vue3项目官方出了个插件叫Vue Language Features(Volar)。如图4所示:

VSCode中写Vue没有代码提示的解决办法

图4 Volar插件安装过程

但是经过我测试,两个插件在大部分时候都只支持单词语法的提示,Vetur在已创建的标签外使用时才支持模板创建,而Volar好像不支持模板创建?!。并且两个插件同时安装了,需要禁用其中一个才能正常使用。文章来源地址https://www.toymoban.com/news/detail-507765.html

到了这里,关于VSCode中写Vue没有代码提示的解决办法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vscode js文件没有代码提示

    原因是:产生问题的原因可能是关闭了单纯的js文件中的javascript的提示 1、右下角设置 2、在上边输入 效果图

    2024年02月11日
    浏览(27)
  • 使用vscode开发C#+unity没有代码提示问题

    最近在使用VS Code遇到了 OmniSharp 的各种报错导致没有了代码提示。这个问题是由于本身C#的更新版本造成的。 1.在设置里搜索 Use Modern Net,取消勾选,重启 VS Code! 2.改了依然有错误,提示 OmniSharp server is not running. 或Could not locate MSBuild instance to register with OmniSharp. C#插件回到

    2024年02月16日
    浏览(37)
  • vscode编写go代码时没有自动提示(自动补齐)

    步骤: 1.首先查看自己的goPath的bin目录下的内容是否包含以下: 如果没有则是需要在vscode里面下载相关go的插件 方法:①配置国内镜像源(我失败了)②使用vpn进行下载 vpn下载方法详细步骤: ①打开vpn(外网) ②在vscode内使用Ctrl + Shift +P然后搜索go:install/update ③点击之后全

    2024年02月04日
    浏览(26)
  • ubuntu-更新源提示-没有release文件-解决办法!

    背景: 以ubuntu21.04举例 安装完ubuntu系统,执行“sudo apt update”更新源,出现如下图错误:  说明你下载的ubuntu系统属于生命终结版本,官方不再支持源的更新,属于源配置错误的问题, sources.list配置有误。 解决办法: 1.在源网站 https://mirrors.ustc.edu.cn/repogen/ 下载对应版本最

    2024年02月12日
    浏览(27)
  • vscode 的代码提示有时候有,有时候没有(python)

    vscode 的代码提示有时候有,有时候没有。没有的时候出现如下报错: Sorry, something went wrong activating IntelliCode support for Python. Please check the “Python” and “VS IntelliCode” output windows for details. 不太清楚为什么,把 IntelliCode 的版本换了别的也不好用。 先存一下,以后遇到解决方法

    2024年02月09日
    浏览(40)
  • VScode中使用python突然没有代码提示和语法检查,程序运行正常

    在使用vscode编写python程序时,突然没有代码提示,大概率是由于Pylance扩展模块引起的,可以先尝试重启它,不行的话,在安装其他版本,如下: 先禁用,再打开,然后重启vscode,一般就可以解决,不行的话,再切换其他版本。

    2024年02月03日
    浏览(40)
  • unity脚本无语法提示,打开是杂项文件,VS没有sln文件解决办法

    困扰好几天,一次性帮你解决,关联unity2019 2020 2021 2022 2023   Visual Studio开发unity无语法提示 unity脚本无语法提示,打开是杂项文件,VS没有sln文件解决办法 没有语法提示是因为打开C#代码时是杂项文件,无法和其他代码文件关联。 VS在有sln文件时把目录当成一个解决方案(项

    2024年02月08日
    浏览(41)
  • 解决:IDEA部分或全部代码没有错误提示或代码提示

    以下几种情况会导致代码无提示(编辑器版本不同界面可能也不同,以下图片仅供参考) 博主是用最后一个方法解决的,其余方法其他博主也写过,唯独最后一个没有找到过 打开了Power save mode         解决方法:右键IDEA最底部,取消Power save mode勾选,若仍然不好使,则选择

    2024年02月16日
    浏览(46)
  • 解决jupyter没有代码提示

    打开Anaconda Prompt (Anaconda3),逐行输入以下命令 在anaconda3窗口下输入以下命令打开notebook 点击Nbextensions 进入Nbextensions后取消勾选下图框起来的地方 勾选Hinteriand即可 6,回到编辑区域,发现已存在提示

    2024年02月13日
    浏览(32)
  • macOS 运行xxxx.command文件提示”无法执行,因为您没有正确的访问权限“解决办法

    在macOS Catalina 、macOS Big Sur、macOS Monterey 12、macOS Ventura 13系统直接双击.command文件运行时候提示”无法执行,因为您没有正确的访问权限“怎么办? 文件“xxxx.command”无法执行,因为您没有正确的访问权限。 要查看或更改访问权限,请在“访达”中选择该文件,然后选取“文

    2024年02月10日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包