【工具提效篇】设置vscode针对vue3+ts项目自动检查语法类型

Volar插件自动检测ts语法配置

Ying（英子）

6027人浏览 · 2022-08-26 15:52:26

Ying（英子） · 2022-08-26 15:52:26 发布

vue3开发一般都会安装 Volar 插件，Volar 插件能够为 <script lang="ts"> 块提供类型检查，也能对模板内表达式和组件之间 props 提供自动补全和类型验证。

但是，安装完了Volar 插件在实际开发过程中会发现，代码还是无法识别，如下：
在这里插入图片描述
这个时候就需要进行如下配置：

1、首先安装Volar插件
在这里插入图片描述
2、输入：@builtin typescript 进行如下操作：

3、重新加载即可

更多说明请参考vue官方说明文档

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^