如果没有typescript和eslint，使用Vuter插件需要关闭的功能

最新推荐文章于 2023-09-22 10:38:31 发布
原创 最新推荐文章于 2023-09-22 10:38:31 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

本文介绍在不使用TypeScript和ESLint的情况下，如何通过禁用Vuter插件的两个选项来避免VSCode中出现关于属性不存在及模板根元素数量的错误提示。

如果没有typescript和eslint，使用Vuter插件需要关闭的功能

在编写模板文件的时候：
一个提示：Property ‘xxx‘ does not exist on type
另一个提示: The template root requires exactly one element

使用vscode时，这时候需要关闭Vuter这两个选项，就不再会又报错提示了
在这里插入图片描述

全栈笔记_插件篇（用Volar替换Vuter）
wwv的博客
02-06 1405
vscode插件，使用Volar替代vuter
npm 包的命名空间介绍，以及@typescript-eslint/typescript-eslint
最新发布
baiduguoyun的博客
10-27 1815
npm 包的命名空间是一个重要的概念，用于组织和管理相关的包。通过命名空间，开发者可以避免命名冲突、增强包的可读性和可维护性。以下是关于 npm 命名空间的详细介绍，并以作为示例。
什么是Vue的Vetur插件？它有哪些功能
热门推荐
stormjun的博客
09-22 2万+
Vetur插件是一个为Vue.js项目提供支持的Visual Studio Code（VS Code）插件。VS Code是一个开源的代码编辑器，广受前端开发者欢迎，因为它轻量、快速，并且拥有丰富的扩展生态系统。Vetur插件的目标是为Vue.js开发者提供一套强大的工具，以便更轻松地开发、调试和维护Vue.js应用程序。
vscode中vue注释快捷键-插件“Vuter“ 解决
不抛弃、不放弃：Aaron莫言
02-15 3303
在VScode中使用alt+/的时候出现这总情况 注释不管用，解决办法如下： 装个插件"Vuter" 解决
vue项目中vuter格式化和eslint冲突问题
jokren的博客
05-25 6841
一.在vue单文件中html格式化失败 原因： 在vuter默认配置中： “vetur.format.defaultFormatter.html”: “none”, 解决：在user setting中设置 “vetur.format.defaultFormatter.html”: “js-beautify-html”, 二.在拉下代码或者修改""双引号->’'单引号 后格式化 “单引号-...
vue+TS中父组件调用子组件报错Property ‘xxx‘ does not exist on type ‘Vue‘解决方案
qq_40295815的博客
03-05 6311
在使用ts的过程中发现，父组件调用子组件方法的时候 this.$refs.childThisParent.handleCommitInfo() 发现vscode报错Property 'handleCommitInfo' does not exist on type 'Vue的情况，但是实际上运行效果完全没问题。 主要原因是vscode会根据声明文件自动进行类型推断的，这里没法知道childMethod的类型 因此，如下即可 (this.$refs.childThisParentas any)....
vue-typescript-prettier：将TypeScript，ESLint和Prettier集成在一起的Vue项目
02-05
这个项目旨在帮助开发者快速搭建符合最佳实践的Vue 2应用，同时利用TypeScript的强大类型检查，ESLint的代码质量保障，以及Prettier的代码格式化功能。 集成这些工具后，开发者可以享受到以下优势： 1. **...
eslint-config-xo-typescript：用于与eslint-config-xo一起使用的TypeScript的ESLint可共享配置
02-05
$ npm install --save-dev eslint-config-xo eslint-config-xo-typescript @typescript-eslint/parser @typescript-eslint/eslint-plugin 与XO一起使用 使用此包，因此您无需进行任何配置。 独立使用 将一些ESLint...
typescript-modern-project:TypeScript + ESLint + Jest项目模板，用于导入不带扩展名的模块，以及使用节点内置功能进行默认导出的模块
05-02
将TypeScript和Node配置为： 发出现代ES模块代码 导入使用Node内置模块的模块 没有命名导出的导入模块（例如 ， ） 导入自己的模块而不指定扩展名 ESLint支持lint，具有TypeScript支持 立即测试TypeScript代码，而...
eslint-plugin-total-functions：一个ESLint插件，用于在TypeScript中强制使用全部功能（并防止使用部分功能）
02-05
一个ESLint插件，用于在TypeScript中强制使用全部功能（并防止使用）。 如果您希望您的类型说实话，那么这是适合您的ESLint插件。 版本矩阵 打字稿 ESLint eslint插件的全部功能 4.1.2 7.12.0 4.7.2 4.0.2 ...
快速掌握常用的vue组件
布道
09-13 1582
前面的文章有系统的的介绍过vue经典入门，主要是基于2.x的版本，下面将分享下如何快速掌握vue组件。 目录 1.组件 1.1. 由来 1.2. 使用 1.3. Vue-loader 1.4. 组件通讯 1.4.1.props 1.4.2.function 1.4.3.state 1.4.4.eventbus 2.常用组件 2.1. vue-rout...
【vue】解决Property ‘xxx‘ does not exist on type ‘never‘
栀妹儿的炼丹炉
12-01 1万+
做一个根据id返回对应名称的过滤函数，记录如下报错 报错：Property 'xxx' does not exist on type 'never'.Vetur(2339) 我获取到的数据是：{__ob__: we}对象形式的数组 解决方法：通过字符方式获取对象属性【来自大神：EsquireY】 growthStageFormat(id){ let label = ''; // 重点来啦 this.stepAttr.find((item) => { .
VSCode常用插件与相关操作技巧
学会成长
12-22 469
一、常用插件 1. git相关： GitLens: 实时显示选中行的git提交记录； 2. 公用： Chinese: 中文汉化； Beautify：Js高亮显示； 3. Vue: Vuter: 代码格式化、高亮显示 二、小技巧 1. emmet.triggerExpansionOnTab：启用后，按...
vscode 之 工作区的应用（解决vue2插件vetur、vue3插件Vue - Official禁用启用问题）
zhuang的博客
07-05 1万+
工作区？？？为什么要工作区？？？首先工作区简单理解就是vscode工作时的区域、范围；延申一下，为什么要工作区？？？不同的环境需要用到不用的插件啊，设置啊等等，这个时候怎么实现，总不能写前端的时候也把java、c++需要的插件设置的什么打开（虽然应该可能大概也许这些语言不会使用vscode 开发，这里只是打个比方），都打开的话就会显得vscode 很重，然后vscode 说好的轻便呢？就前端而言，现在发展的速度很快，前段时间vue2，现在几乎都时vue3+TS，但是公司还是有vue2的项目，而。
Visual Studio Code的下载安装、快捷键以及插件离线安装
dream_summer的博客
09-29 1万+
文章目录一、下载安装二、使用1.中文简体2.持续更新....... 一、下载安装 官网下载最新版：https://code.visualstudio.com/Download 下载zip版本，直接解压，运行exe即可 二、使用 1.中文简体 点击左侧工具栏extensions或者使用快捷键【Ctrl+Shift+X】，输入chinese，点击Install安装中文简体插件，然后重启即可 2.持续更新… ...
Vetur怎么配置格式化的时候不变单引号或者不变双引号
qq_58633408的博客
08-04 1074
格式完完成后就成双引号了，这里就配置完成了，大佬可以指导一下.配置完还是单引号就真的栓Q，索性直接在项目根目录建个文件吧。
Vue学习笔记7 - 在Vscode中配置Vetur，ESlint，Prettier
Coder.Monkey的工作簿
11-22 1万+
俗话说得好，工欲善其事必先利其器，想要熟练开发Vue项目，一个好的开发环境就是必不可少了，这里我就选用了vscode作为开发工具，毕竟vscode免费，还跨平台，应用范围也广，著名的vue开源项目：后台管理平台(vue-element-admin)的大神在文档中就推荐采用vscode+eslint，号称“绝对有种飞一般的感觉”。为了达到大神所说的效果，我们这就来研究一下如何在vscode中配置好eslint，寻找“飞一般”开发Vue的感觉。 1.vscode清除多余的插件，还原默认配置 对新手来说，
记录Property ‘xxx‘ does not exist on type问题解决方法
liyp921210的博客
03-20 7826
在Vue3 + TS 的demo项目中 , 使用app.config.globalProperties.$session = sessionStorage封装了一个全局的$session , 但是出现了Property '$session' does not exist on type的报错提示 , 查找了下发现是需要写一个声明文件。在src文件夹下新建一个xxx.d.ts文件。
vscode中安装开发html5中需要的插件
AlZhuo的博客
09-07 9410
最近在学习H5，也开始尝试着用vscode来写h5的代码。vscode是一个很不错的剪辑器，已经用它来写过php，python，还有vue的代码了。最近使用它写H5的代码，推荐一些H5有关的插件。 1.Emmet是一款编辑器插件，支持多种编辑器支持。在前端开发中Emmet使用缩写语法快速编写HTML、CSS以及实现其他的功能，极大的提高了前端开发效率。 a.安装完之后，创建一个html的文件敲入！，然后按一下tab就会出现h5的基本框架。 b.可以直接用缩写敲入div，按tab，就会出现<div
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值