vue3没有data了吗(vue3没有this)

作者:电脑培训网 2024-05-05 14:08:19 270

Vue3无代码提示问题如何解决?在之前的笔记中,我提到过在为Vue3+vite+Ts编写代码的过程中,出现了代码自动补全失败功能。今天我就来说说如何解决这个问题。

首先我们已经明确表示,安装volar插件后,HTML标签片段补全已经失效。也就是说,在模板中写入HTML标签时,将不再出现代码补全。即输入“div”,即“div”。它不再是“div/div”。为了解决这个问题,我们需要在不删除volar插件的情况下对Vscode进行一些配置。

vue3没有data了吗(vue3没有this)

打开设置,进入如下界面:

选择文本编辑器-文本-,点击右边第一个,添加一项,输入项:“*.vue”,输入值:'html',点击保存并返回vue文件,输入任意HTMLtag,发现已经可以代码自动补全了,而且是自关闭的。

但此时也出现了一些问题。不知道你有没有接触过他们。如果没有,您可以跳过它们。

第一:自定义的代码片段无效。通常我们新建一个Vue3组件时,需要初始化模板。

template/templatescriptsetuplang='ts'import{ref,reactive}from'vue'/scriptstylelang='less'范围/style

虽然代码很简单,但是每次创建新组件的时候写起来还是相当麻烦的,所以我们会创建一些新的自定义代码片段。在用户代码片段中,单击vue.json创建您自己的代码片段。

我不会在这里详细介绍如何创建您自己的代码片段。相关教程有很多,而且都很简单。

代码片段创建完成后,只需要输入关键字就可以创建整个代码片段,非常方便。

但经过上述配置后,我的代码片段失败了。此时的一个解决方案是创建一个我自己的新的全局代码片段。

单击“新建全局代码片段文件”,然后输入文件名,然后您可以像在现有.json文件中定义代码片段一样自定义代码片段。

配置完成后,新建一个.vue文件,输入自定义代码提示词,比如我的是vue3,回车,就会生成代码片段。

第二个问题是top配置后,vue文件的图标变成了HTML文件的图标。如果发生这种情况,请不要惊慌。如果你不介意的话,你实际上可以不管它。但为了区分,建议下载新的图标插件

因为我之前安装了scode-icon插件,所以配置完成后图标会发生变化。这时候我们可以重新安装一个。例如我安装了vue主题。

安装完成后,你会发现文件的图标发生了变化。当然,您也可以根据自己的喜好安装其他图标组件。

相关推荐

热门推荐

猜你喜欢