‌Vetur‌ 与 Vue-Official 的区别

1、之前安装了vue-helper,导致退格的时候,经常卡顿,可能是文件大,或者可能是机器的问题。所有卸载了,这样代码高亮没了。

2、然后之前用过Vetur,是在vue2的时候,查了一下,发现现在也支持Vue3。

3、目前先安装个Vetur测试了一下,发现还是可以的。

4、目前最主要的功能就是高亮,能够定位函数,如果测试发现vetur不太合适本机,那么也可以去安装Vue-Official试试,这个跟AI工具一样,各有特点,关键是要找个合适自己的。

5、插件也一直在更新维护,所以小伙伴们要自己多测试,这样总会找到一款适合的。

6、开发的过程中,老提示安装vue-official,于是就安装了这个,删除了之前的。

### Vue.js 官方资源 Vue.js 提供了一系列官方资源来帮助开发者更好地理解和使用该框架。这些资源包括但不限于: - **官方网站**:提供详细的文档、教程和其他学习材料,适合初学者和有经验的开发人员查阅[^1]。 - **Awesome Vue.js**:这是一个由社区维护的学习资源链接集合,涵盖了各种工具和技术,能够极大地促进开发效率。其中包括调试工具如 Chrome DevTools 扩展用于检查和调试 Vue 应用程序;DejaVu 可视化组件树并支持交互式探索;vue-clicky 插件允许右键点击任何组件显示其信息于控制台中;vuejs-logger 实现日志记录功能;以及 vue-bugsnag 错误报告插件等。 ### Vetur Extension for VSCode Vetur 是一款专为 Visual Studio Code 设计的强大扩展,旨在提升 Vue 文件(.vue) 的编辑体验。它提供了多种特性以提高生产力,具体来说: - 支持语法高亮、Emmet 缩写展开等功能; - 对单文件组件(SFCs) 中 `<template>` 部分进行 HTML/CSS/JavaScript 语言服务的支持; - IntelliSense 自动补全建议对于模板内的属性名、事件处理器以及其他上下文敏感项非常有用; - ESLint 和 Prettier 整合可以确保代码风格的一致性和质量标准遵循情况良好; - TypeScript 类型推断能力使得编写混合了JSX 或 TSX 的项目更加轻松便捷。 ```javascript // Example of using Vetur's features within a .vue file <template> <div class="example"> {{ message }} </div> </template> <script lang="ts"> import { defineComponent } from 'vue'; export default defineComponent({ name: 'Example', data() { return { message: 'Hello, world!' }; } }); </script> <style scoped> .example { color: blue; } </style> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值