九江做网站的大公司,购物网站界面设计策划,百度医生,学校网站建设必要性Volar与Vuter的区别
TS支持#xff1a;Volar和Vuter是2个独立的插件#xff0c;都是为.vue单文件组件提供代码高亮以及语法支持#xff0c;但是Vuter对ts的支持并不友好。唯一根标签#xff1a;Volar 不限制是否唯一根标签#xff0c;vuter 则会报错 The template root r…Volar与Vuter的区别
TS支持Volar和Vuter是2个独立的插件都是为.vue单文件组件提供代码高亮以及语法支持但是Vuter对ts的支持并不友好。唯一根标签Volar 不限制是否唯一根标签vuter 则会报错 The template root requires an element rather than texts需要在设置里取消勾选 Template 。 vue3 模板可以使用多个根标签vue2 模板需要唯一根标签。
Volar插件安装
Vue Language Features (Volar)不仅支持 Vue3 语言高亮、语法检测还支持 ts 和基于 vue-tsc 的类型检查功能用来替代 vuter开启托管模式禁用 VSCode 的内置 TS 语言服务 在当前项目的工作空间下用Ctrl Shift P唤起命令面板。 输入built然后选择“ExtensionsShow Built-in Extensions”。 在插件搜索框内输入TypeScript(不要删除builtin前缀)。 点击“TypeScript and JavaScript Language Features”右下角的小齿轮然后选择“Disable(Workspace)”。 重新加载工作空间。托管模式将会在打开一个 Vue 或者 TS 文件时自动启用方便代码调用定位。