我的编程空间,编程开发者的网络收藏夹
学习永远不晚

使用类型增强功能的方法有哪些

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

使用类型增强功能的方法有哪些

使用类型增强功能的方法有哪些?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

具体配置信息

配置全局jsconfig.json

我们习惯在wepback内配置相关路径别名,为了让vscode识别,我们需要做如下配置

{ "compilerOptions": { "target": "ES6", "module": "commonjs", "allowSyntheticDefaultImports": true, "baseUrl": "./", "paths": {  "@*", "global.d.ts"]}

安装插件vue-helper

安装该插件是为了解决vscode-intelligence不识别.vue文件,进而无法导航的问题

不过依然存在bug,如果import x变量名不和file-name相同,则无法识别。

终极解决方案是对 .vue文件进行js托管

export { default } from './index.vue'

vscode可以一步完美导航到具体页面

讨厌写重复代码?定义个 snippet

 "export default": { "scope": "javascript,typescript", "prefix": "expd", "body": ["export {default} from './index.vue${1}';"] }, "export default as": { "scope": "javascript,typescript", "prefix": "expdas", "body": ["export {default as ${2}} from './index.vue${1}';"] },

为挂在到Vue上的方法或属性添加类型声明

根目录下新建global.d.ts, 并添加至jsconfig.json: include

// global.d.tsimport Vue from 'vue'type FnVoid = (...ags: any[]) => voiddeclare module '*.vue' { export default Vue}declare module 'vue/types/vue' { interface Vue { $$title: (title: string) => void $$login: FnVoid // ...... }}

写正确的注释

vscode现今对 jsdoc语法的支持愈发完善,在代码编写代码阶段可以给我们强大的代码提示、代码补全以及代码检查

比如我们可以在注释内定义变量,针对列表返回的接口,且不需要定义 model 对象来承接数据的话,自定义变量就很有用了

使用类型增强功能的方法有哪些

甚至于还支持import语法

使用类型增强功能的方法有哪些

不过,不依附于方法之上的注释变量是不可用的

比如我新建一个文件,并写入以下注释

在代码内是无法引用的

我觉得都已经到了抽象对象多处复用的地步了,为什么不直接在model层下新建对象呢

估计vscode也是基于此考虑的

另外对象如果是通过计算得来的,vscode 代码提示功能也无法识别

如下代码是不能针对对象属性进行提示的

我们在编写代码中尽量避免这种写法

const func = () => { return ['a', 'b', 'c'].reduce((pre, cur) => { pre[cur] = 'hello ' + cur return pre }, {})}let obj = func()

Advanced

如果我们想在代码中对事件定义添加提示怎么办呢?
比如我注册了一个事件

test.on('handleInputClicked', () => {})

很遗憾,目前在jsdoc上还做不到

可喜的是,在最新发布的ts4.1.beta上增加了对类型模板字符串的支持

基于此,我们甚至可以实现对 vuex 的支持

使用类型增强功能的方法有哪些

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注编程网行业资讯频道,感谢您对编程网的支持。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

使用类型增强功能的方法有哪些

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

使用类型增强功能的方法有哪些

使用类型增强功能的方法有哪些?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。具体配置信息配置全局jsconfig.json我们习惯在wepback内配置相关路径别
2023-06-07

es6增强的功能有哪些

本篇内容介绍了“es6增强的功能有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!es6增强的功能:1、解构赋值,允许按照一定的模式,从数
2023-07-04

WCF服务增强的方法有哪些

本篇内容介绍了“WCF服务增强的方法有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!待测试系统由后端 WCF 服务和使用该 WCF 服务
2023-06-17

c++强制转换数据类型的方法有哪些

在C++中,有以下几种强制转换数据类型的方法:1. 静态转换(static_cast):用于基本数据类型之间的转换,以及具有继承关系的指针或引用类型之间的转换。静态转换在编译时进行,不进行运行时的类型检查。cppint i = 10;dou
2023-10-18

java数据类型强制转换的方法有哪些

在Java中,有两种方法可以进行数据类型的强制转换:1. 自动类型转换(隐式类型转换):当把一个小范围的数据类型赋值给一个大范围的数据类型时,Java会自动进行类型转换。例如,将一个int类型的值赋值给一个long类型的变量,Java会自动
2023-08-17

C++强制类型转换的方式有哪些

本篇内容主要讲解“C++强制类型转换的方式有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“C++强制类型转换的方式有哪些”吧!1 C++类型转换本质1.1 自动类型转换(隐式)利用编译器内置
2023-06-30

Java的类型方法有哪些

本篇内容介绍了“Java的类型方法有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!类型(Type)类型接口表达了一个数据对象模型或者数据
2023-06-03

aws云服务器功能有哪些类型的

Sws云服务器是一个高可用的云平台,允许用户将数据存储在云平台上,而无需关心其在哪里。这些云服务器可以是以下类型的任意一种:AmazonS3:AmazonS3是Amazon推出的可扩展的高性能存储服务,具有高可用性、高性能和多节点部署。它提供高度弹性的存储服务,以满足大规模数据处理的需求。GoogleCloudStorage:GoogleCloudStorage提供了强大的文件存储功能,可以让用户将多个数据中心的数据存储在一个本地存储中,同时提供快速的数...
2023-10-27

Python数据类型字典使用方法有哪些

这篇文章主要讲解了“Python数据类型字典使用方法有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Python数据类型字典使用方法有哪些”吧!字典的无序特性和创建:列表是有序的对象结合
2023-06-02

python数据类型和变量的使用方法有哪些

本篇内容主要讲解“python数据类型和变量的使用方法有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“python数据类型和变量的使用方法有哪些”吧!数据类型计算机顾名思义就是可以做数学计算
2023-06-02

C#的类型转换方法有哪些

这篇“C#的类型转换方法有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“C#的类型转换方法有哪些”文章吧。C# 类型转换
2023-06-17

JS数据类型的方法有哪些

本篇内容介绍了“JS数据类型的方法有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!在 ECMAScript 规范中,共定义了 7 种数据
2023-06-27

golang类型转换的方法有哪些

在Golang中,类型转换的方法有以下几种:默认类型转换:可以通过将一个类型直接赋值给另一个类型来进行类型转换。例如:var a int = 10 和 var b float64 = float64(a)。类型断言:可以通过使用类型断言来判
2023-10-22

云服务器产品有哪些类型的型号和功能

云服务器是一种基于互联网的服务器软件,可以让用户在本地或远程访问互联网上的资源。常见的云服务器主要包括以下几种类型:Docker容器:Docker是一种轻量级的容器,可以在服务器上运行,用于提供动态的、快速的应用程序部署。Kubernetes:Kubernetes是一个开源的容器管理系统,它可以让多个Kubernetes实例在同一台服务器上并行运行,从而减少了部署所需要的时间。Dropb
2023-10-26

在Java项目中使用枚举类型的方法有哪些

这期内容当中小编将会给大家带来有关在Java项目中使用枚举类型的方法有哪些,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。 Java枚举类型enum一、 通常定义常量方法我们通常利用public fin
2023-05-31

编程热搜

  • Python 学习之路 - Python
    一、安装Python34Windows在Python官网(https://www.python.org/downloads/)下载安装包并安装。Python的默认安装路径是:C:\Python34配置环境变量:【右键计算机】--》【属性】-
    Python 学习之路 - Python
  • chatgpt的中文全称是什么
    chatgpt的中文全称是生成型预训练变换模型。ChatGPT是什么ChatGPT是美国人工智能研究实验室OpenAI开发的一种全新聊天机器人模型,它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动,并协助人类完成一系列
    chatgpt的中文全称是什么
  • C/C++中extern函数使用详解
  • C/C++可变参数的使用
    可变参数的使用方法远远不止以下几种,不过在C,C++中使用可变参数时要小心,在使用printf()等函数时传入的参数个数一定不能比前面的格式化字符串中的’%’符号个数少,否则会产生访问越界,运气不好的话还会导致程序崩溃
    C/C++可变参数的使用
  • css样式文件该放在哪里
  • php中数组下标必须是连续的吗
  • Python 3 教程
    Python 3 教程 Python 的 3.0 版本,常被称为 Python 3000,或简称 Py3k。相对于 Python 的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0 在设计的时候没有考虑向下兼容。 Python
    Python 3 教程
  • Python pip包管理
    一、前言    在Python中, 安装第三方模块是通过 setuptools 这个工具完成的。 Python有两个封装了 setuptools的包管理工具: easy_install  和  pip , 目前官方推荐使用 pip。    
    Python pip包管理
  • ubuntu如何重新编译内核
  • 改善Java代码之慎用java动态编译

目录