TypeScript
文章平均质量分 73
typescript
richest_qi
这个作者很懒,什么都没留下…
展开
-
使用Webpack打包TS代码
其中,public用于存放模板文件index.html,dist用于存放编译生成的文件。和"build""cross-envNODE_ENV=productionwebpack",将编译得到的文件输出至dist目录下,包括index.html和bundle.js。,将启动本地服务器http//localhost8080/。,并对tsconfig.json进行修改。至此,项目根目录下自动生成了。中的内容也发生了变化,如下,.........原创 2022-07-18 22:33:21 · 583 阅读 · 0 评论 -
搭建TypeScript开发环境
TypeScript是JavaScript的一个超集,它扩展了JavaScript,还添加了类型。TypeScript不能被JS解析器直接执行,需要将TypeScript编译为JavaScript。index.jsindex.ts编译生成的index.js,如下,原创 2022-06-09 15:33:56 · 255 阅读 · 0 评论 -
TypeScript的声明文件
文章目录声明语句声明文件第三方声明文件书写声明文件全局变量declare var,声明全局变量declare function,声明全局方法declare class,声明全局类delcare enum,声明全局枚举类型declare namespace,声明(含有子属性的)全局变量interface和type,声明全局类型本文全部来自阮一峰的TypeScript入门教程。当使用第三方库时,我们需要引用它的声明文件,才能获得对应的代码补全、接口提示等功能。声明语句// index.tsconso原创 2021-07-27 22:13:52 · 702 阅读 · 0 评论 -
富文本前端插件wangeditor
wangEditor是基于Typescript开发的Web富文本编辑器,轻量、简洁、易用、开源免费,先来看下它的基本使用吧。第一步,新建项目vue create demo第二步,改造项目首先,下载安装wangeditor,npm install --save wangeditor;然后,修改App.vue,引入并使用wangeditor<template> <div id="content"></div></template>原创 2021-07-19 11:05:14 · 390 阅读 · 0 评论 -
TypeScript的注解
文章目录基本注解数组注解接口注解内联类型注解特殊类型基本注解// index.tslet num:number;let str:string;let bool:boolean;num = 123;num = "123"; //Type 'string' is not assignable to type 'number'str = "123";bool = false;数组注解// index.tslet boolArray:boolean[];boolArray = [t原创 2021-07-12 13:59:21 · 1856 阅读 · 0 评论 -
关于tsconfig.json
文章目录compilerOptionsfiles | include| exclude参考文档{ "compilerOptions": { "target": "es5", "module": "commonjs", "esModuleInterop": true, "forceConsistentCasingInFileNames": true, "strict": true, "skipLibCheck": true原创 2021-07-05 14:36:12 · 184 阅读 · 0 评论 -
TypeScript入门
新建项目新建目录mkdir testcd testnpm init -y安装下载typescriptnpm install --save typescript@next安装了typescript@4.4.0-dev.20210627创建main.tsinterface Point2D{ x:number, y:number}interface Point3D{ x:number, y:number, z:number}var原创 2021-07-02 16:08:24 · 726 阅读 · 0 评论 -
解决 cannot redeclare block-scoped variable 问题
cannot redeclare block-scoped variable依照5分钟上手TypeScript,全局安装typescript,新建.ts文件main.ts,编译main.ts,得到main.js。//main.tstype IdDisplay = { id:string, display:string}const list:IdDisplay[] = [ { id:"foo", display:"共和国勋章" },原创 2021-06-29 14:30:41 · 23389 阅读 · 0 评论 -
ts的接口
TypeScript中的接口可以用来描述对象外形,可以用来描述函数类型,也可以像java接口那样用来抽象方法。接下来会一一介绍。描述对象外形必需属性interface Animal{ food:string; size:string;}function printInfo(a:Animal){ console.log(a.food,a.size);}接口中,属性名右侧的:表示是必需属性。food:string,food是必需属性,且是字符串类型;size:strin原创 2020-05-10 23:34:37 · 985 阅读 · 0 评论 -
ts的类
ES6中定义类之前我们了解过ES6的类,可以这样写:class Point{ x; y; constructor(x,y){ this.x = x; this.y = y; } toValue(){ return this.x+ this.y; }}const p = new Point(1,2);console.log(p.toValue());//输出 3TypeScript中定义类c.原创 2020-05-08 23:07:26 · 432 阅读 · 0 评论