它可以通过把vue文件转换为typescript文件，通过languageServer来分析typeScript语法，最后再把结果转换回vue文件，这样就可以实现template来实现自动分析和补全，

最新推荐文章于 2024-10-09 08:59:51 发布
最新推荐文章于 2024-10-09 08:59:51 发布
阅读量411 收藏
点赞数 1
分类专栏： vue.js入门
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xyphf/article/details/113799279
版权

 "vetur.experimental.templateInterpolationService": true,

它可以通过把vue文件转换为typescript文件，通过languageServer来分析typeScript语法，最后再把结果转换回vue文件，这样就可以实现template来实现自动分析和补全，来支持ts的类型

 

打开vscode，搜索vetur，点击齿轮

选择

选择

添加一行

 "vetur.experimental.templateInterpolationService": true

 

 

 

 

解放双手-vue语法自动转typescript
Quiet-Night的博客
09-17 927
代码的复用是一件很常见的事情，如果是公共代码的复用那还好说，直接做成一个内部私有库，想用的话安装一下 npm包就行了，但是业务代码的复用就不好做成包了，一般都是复制粘贴 我一般写代码的时候，如果觉得某段业务代码以前见过其他人写过，那么考虑到业务优先性，只要别人的代码不是写得太烂，我一般会优先抄别人的代码，省得自己再写一遍 然后我就遇到了一个问题，公司目前前端项目大部分都是 vue，早期没有 ts这...
探索TypeScript语言服务器：提升编码体验的新维度
gitblog_00093的博客
04-19 446
探索TypeScript语言服务器：提升编码体验的新维度 typescript-language-server 项目地址: https://gitcode.com/gh_mirrors/ty/typescript-language-server ...
typescript-language-server：TypeScript和JavaScript语言服务器
02-06
TypeScript语言服务器 用于TypeScript包装tsserver 实现。 基于概念和想法。 由等维护。 支持的协议功能 textDocument / didChange（增量） textDocument / didClose textDocument / didOpen textDocument / didSave textDocument / codeAction textDocument / completion（包括完成/解析） textDocument /定义 textDocument / documentHighlight textDo
TypeScript Language Server 项目教程
最新发布
gitblog_00307的博客
10-09 599
TypeScript Language Server 项目教程 typescript-language-server 项目地址: https://gitcode.com/gh_mirrors/ty/typescript-lang...
vue语法自动转typescript(解放双手)
12-13
代码的复用是一件很常见的事情，如果是公共代码的复用那还好说，直接做成一个内部私有库，想用的话安装一下 npm包就行了，但是业务代码的复用就不好做成包了，一般都是复制粘贴 我一般写代码的时候，如果觉得某段业务代码以前见过其他人写过，那么考虑到业务优先性，只要别人的代码不是写得太烂，我一般会优先抄别人的代码，省得自己再写一遍 然后我就遇到了一个问题，公司目前前端项目大部分都是 vue，早期没有 ts这个说法，后来新项目才逐渐引入 ts，所以新项目用的是 vue-ts，而一般想抄的老代码都是没有引入 ts的，固然，这二者是可以兼容存在的，但对于有着轻微代码洁癖的我来说，还是不想看到同一个项目代码
推荐开源项目：TypeScript Language Server
gitblog_00021的博客
06-07 499
推荐开源项目：TypeScript Language Server 去发现同类优质开源项目:https://gitcode.com/ 1、项目介绍 TypeScript Language Server 是一个遵循 Language Server Protocol（LSP） 的实现，专为 TypeScript 语言设计，它封装了 tsserver。这个项目由 TypeFox 和其他贡献者维护，旨在提...
javascript-typescript-langserver, 通过语言服务器协议的JavaScript和打字机代码智能.zip
09-17
javascript-typescript-langserver, 通过语言服务器协议的JavaScript和打字机代码智能 /app语言服务器 这是用于JavaScript和TypeScript的语言服务器，遵循语言服务器协议( LSP ) 。 它使用typescript的进行源代码分析。试试在 sourceg
vuedts-为.vue文件生成TypeScript声明文件。-Vue.js开发
05-27
为.vue文件生成TypeScript声明文件。示例存储库https://github.com/kahirokunn/book-management/pull/75安装执行以下命令之一后，可以使用vuedts命令。 $ npm install --global @ kahirokunn / vuedts＃npm $ yarn ...
vue-typescript-import-dts-TypeScript声明文件，该文件允许将'import'与.vue文件一起使用。-Vue.js开发
05-27
vue-typescript-import-dts TypeScript声明文件，该文件允许对* .vue文件使用导入。 主要用例是捆绑程序环境，例如我们的vue-typescript-import-dts TypeScript声明文件，该文件允许将导入与* .vue文件一起使用。 ...
用 typescript 写 Vue 文件
Wanan
12-26 486
import Vue, { VNode, PropType } from 'vue' interface ComplexMessage { title: string, okMessage: string, cancelMessage: string } const Component = Vue.extend({ props: { name: String, success: { type: String }, callback: { type: F
【开发者的福音】typescript-eslint-language-service：无缝集成ESLint于TypeScript世界的神器
gitblog_00084的博客
05-28 884
【开发者的福音】typescript-eslint-language-service：无缝集成ESLint于TypeScript世界的神器 typescript-eslint-language-serviceTypeScript language service plugin for ESLint项目地址:https://gitcode.com/gh_mirrors/ty/typescript-...
javascript-typescript-langserver:通过语言服务器协议JavaScript和TypeScript代码智能
04-12
:warning: 该项目不再维护 该语言服务器是使用TypeScript API的LSP的实现。 这种方法很难跟上TypeScript的新功能，并且暗示服务器始终使用捆绑的TypeScript版本，而不是像使用官方（非LSP） 允许的那样，在node_modules使用本地TypeScript。 最重要的是，随着时间的流逝，我们在Sourcegraph上简化了在云中运行语言服务器的体系结构，从而消除了这种紧密集成和控制级别的必要性。 是tsserver的较薄包装，可在tsserver避免这些问题。 在云中运行TypeScript语言服务器的是在tsserver使用Theia的语言服务器（以及可传递的tsserver ）。 但是，从那时起，我们的代码智能进一步发展，如今主要由 （语言服务器索引格式）提供支持。 LSIF与LSP一起开发，并使用相同的结构，但是使用的是预先计算的序列化而不是RPC协议。
typeScript学习（六）之在vue中使用ts编写vuex
李@@的博客
10-01 4865
vuex 装饰器 cnpm install -s vuex-module-decorators 文件地址：/store/modules/about.ts import { Module, VuexModule, Mutation, Action, getModule } from 'vuex-module-decorators' import store from '../index' const getList = () => { return new Promise<Array&
JavaScript/TypeScript Language Server 使用教程
gitblog_00623的博客
08-22 424
JavaScript/TypeScript Language Server 使用教程 javascript-typescript-langserverJavaScript and TypeScript code intelligence through the Language Server Protocol项目地址:https://gitcode.com/gh_mirrors/ja/javas...
VSCode的vetur插件提示 Vue中的v-for有[vue-language-server]错误
RotatingBlock的博客
12-30 4616
VSCode的vetur插件提示 Vue中的v-for有[vue-language-server] 错误
Vue 官方语言工具2.0 来了，已正式更名！
骑着牛的奇兵的博客
03-07 6390
近日，Vue 官方语言工具发布了 2.0 版本，该版本已经将 VS Code 插件名称由改为了扩展也已经被弃用。下面就来看看该版本都带来了哪些更新。
vetur插件提示 [vue-language-server] Elements in iteration expect to have 'v-bind:key' directives错误的解决办法
如果第一次你没有成功，那么称之为1.0版，继续加油。
05-08 1245
Java自学的网站(Java全栈工程师 | 以实例驱动学习 | how2j.cn) 错误提示:[vue-language-server] Elements in iteration expect to have 'v-bind:key' directives. 使用VS Code 出现如下问题，如图 Vue 2.2.0+的版本里，当在组件中使用v-for时，key是必须的。 更改vet...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值