vscode，vue项目出现两个代码自动补全（智能提示）解决办法

最新推荐文章于 2024-01-07 18:24:37 发布
最新推荐文章于 2024-01-07 18:24:37 发布
阅读量1.1w 收藏 7
点赞数 3
分类专栏： node 文章标签： vscode vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q18742509891/article/details/123817343
版权

vue2项目我们一般使用vetur来实现vue文件的代码高亮和自动补全，升级到vue3之后，官方建议使用volar。
如果你的vscode安装了vetur和volar并且都启用了的话就会出现两个代码高亮和自动补全，颜色选择、标签联想等等都会出现两个。
颜色
标签
函数提示

所以解决办法就是禁用一个就行了，用vue2就禁用volar，用vue3就禁用vetur

在这里插入图片描述
颜色1

标签1
函数提示1

林心诚丶
关注
  • 3
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vscode 解决使用.vue文件里面代码无法自动补全解决方法。
wmuj_的博客
05-02 1210
最近相信许多小伙伴们学到vue的前置框架了，当然还要学习vue2开始，那么在开始vue前置框架里面，发现在.vue文件里面使用代码、函数等等代码没有自动补全和一键生成，这里提供两个解决方案。1.下载vetur插件。2.下载vue2 Snippets插件，这样在.vue里面使用代码就可以一键补全啦！
vscode，自动补全代码，自动以代码段
qq_23135259的博客
05-10 5396
4、使用，在.vue页面中输入vue，回车，会自动出现代码段。打开vscode,点击文件——首选项——配置用户代码片段。实现效果，输入vue，回车，会自动出现自定的代码段。3、配置vue，出现的代码段，配置完成。2、输入vue，点击vue.json。
vscode vue3自定义自动补全
u010994219的专栏
08-29 2686
敲代码多了，发现重发动作很多，于是还是定义自动补全代码吧——懒是第一生产力！里面给了demo照着写就行。
VScode Vue项目使用html代码自动补全插件
marsur的博客
10-20 9204
打开文件方式：在VScode中同时按住Ctrl+Shift+P，搜索配置文件。（3）父子标签：输入父标签>子标签，按下tab键。（2）多个相同标签：输入标签名*5，按下tab键。（4）兄弟标签:输入兄标签+弟标签，按下tab键。（1）单个标签：输入标签名称，按下tab键。
vscode中配置用户代码片段（Vue自动补全代码片段）
weixin_45803990的博客
11-25 1554
记录下省得忘了 Ctrl+shift+P 选择配置用户代码片段 选择新建全局代码片段 输入文件名列如：vue.json ——————》enter键自动保存 复制代码保存即可 "Print to console": { "prefix": "vuec", "body": [ "<template>", " <div class=\"\">\n", "new page
使用vscode时，如何在.vue文件中使用html代码补全功能、指令补全功能
weixin_46449470的博客
06-18 991
一、设置Vue文件中，HTML代码补全功能 1、在vscode中，搜索HTML Snippets,安装插件 2、在文件中，找到首选项，选择设置，找到setting.js，增加一段代码（"*.vue":“html”） { "window.zoomLevel": 2, "files.autoSave": "off", "px-to-rem.px-per-rem": 75, "commentTranslate.targetLanguage": "zh-CN", "php.v
详解VSCode配置启动Vue项目
10-17
在现代Web开发中，Visual Studio Code (VSCode) 和 Vue.js 是两个不可或缺的工具。本文将详细介绍如何在VSCode中配置启动Vue项目，以便高效地进行Vue应用的开发。 首先，确保你已经下载并安装了最新版本的VSCode。...
vs-code里面 vue代码提示插件
03-14
同时，VS-Code 的生态系统中有许多其他优秀的 Vue 插件，如 Vetur，它提供了完整的 Vue 支持，包括语法高亮、智能感知、格式化等功能，可以与这些代码提示插件结合使用，打造一个高效且个性化的开发环境。
在vscode 中设置 vue模板内容的方法
10-14
Vetur是VSCode中非常流行的Vue.js开发工具，它提供了丰富的Vue语言服务，包括语法高亮、自动补全和格式化等。要安装它，可以通过VSCode的扩展市场搜索“Vetur”，然后点击安装。 2. **设置用户代码片段**： 用户...
vue开发的需要软件，包含vscode,nodejs
01-19
VSCode具有丰富的功能，如代码高亮、智能代码补全、调试工具、Git集成以及大量的扩展插件。对于Vue开发，以下是一些关键的VSCode特性： 1. **Vue.js支持**：通过安装如"Vue.js Extension Pack"这样的插件，VSCode...
vscode 离线插件vetur和vuehelper
09-10
在本话题中，我们将重点关注两个针对Vue.js框架的插件：Vetur和VueHelper。 **Vetur** Vetur是VSCode中的一款核心Vue.js开发插件，由尤雨溪（Evan You）维护，它是Vue社区的重要组成部分。Vetur提供了一系列强大的...
vscode的vue代码提示与补全没反应（vetur问题）
热门推荐
qq_43644046的博客
02-21 1万+
点击安装，等待，就可以正常提示vue了，如果不行，更换版本，然后重启一下vscode,找到vetur历史版本，下载老版本，[可以多次尝试，不行就再次卸载重装]问题原因：vetur这个插件升级了，与老版本的vscode不适配了。1.卸载vscode，与vscode官网下载最新版本vscode。下载成功以后 ,回到vscode,按照下图找到VSIX安装。问题：vscode的里面写vue时候代码提示用不了了。点开左侧插件，找到vetur插件。选取刚刚下载的vetur目录。2.安装老版本的vetur。
vscode快速创建vue/html模板、代码补全（自定义）
weixin_45753961的博客
02-22 4819
1.唤出vsCode控制台 Windows 快捷键 : Ctrl + Shift + P macOS 快捷键 : command + Shift + P 2.输入snippets,点击选择 3.输入vue,点击选择 4.替换文本 { "Print to console": { "prefix": "vue", "body": [ "<template>", " <div></div>", "<
vscode里会发现vue文件输入html标签Tab建无法补全
qq_51846847的博客
05-09 2027
html标签补全
vue.json
m0_47587715的博客
10-28 336
{ "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>", "<div class='$2'>$5</div>", "</template>", "", "<sc
vscode快捷创建vue标准模板，自动补全代码
m0_48263336的博客
01-01 3667
vscode快速生成vue标准代码段模板
vue3-自动自动补全ref的.value
最新发布
qq_29594051的博客
01-07 1314
设置-扩展-volar。
vscode写vue时突然不会自动补全?可能是插件失效了!
wilsonwd的博客
10-09 4843
突然自己写vue中的html代码不会自动闭合了?可能是 Volar 插件失效了
vscode中vue代码自动补全
03-28
Vscode中Vue代码自动补全功能需要安装Vue.js插件，安装方法如下： 1. 打开Vscode，点击左侧菜单栏的“扩展”按钮。 2. 在搜索框中输入“Vue.js”，找到“Vue.js Extension Pack”插件并点击安装。 3. 安装完成后...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值