Vue 官方 VSCode 插件发布 3.0 大版本,更好用!更智能!

6,854 阅读1分钟

Vue (Official) 在近日发布了 V3.0.0 大版本更新,我也是在第二时间进行了更新,发现有一些好用的新功能值得一说!

组件引入新方式

现在引入 vue component 可以直接从一侧的文件栏拖拽到 template 标签中。

拖拽后按住 shift 键,会在当前鼠标位置生成一个组件标签,并且在 script 中自动引入改成组件

组件 props 提示

现在使用某个组件时,会直接提示你必传的 props,不用再去组件里找了!

组件点击直接跳转到组件本身

在 template 中点击某个组件,现在会直接跳转到组件文件,而不是 tsconfig 的定义处了!

Props 提示

众所周知,vue3.5 之后(没记错的话),defindProps 可以直接解构了。

// const props = defineProps<{ id?: string }>()
const { id = '标题' } = defineProps<{ id?: string }>()

假如继续写一个其他的 computed 或者 watch 时,用到这个 id,显示会有一个提示。

告知你这个 id 来自于 props

.value自动补全

当使用一个 ref 变量时,现在会自动补全 .value

设置里需要勾选

结语

以上就是我发现的一些新功能,如果有所遗漏,欢迎在评论区或我的博客站补充~~