qq_53061847的博客

通常情况下，实际开发中我们都需要使用构建工具对代码进行打包；TS同样也可以结合构建工具一起使用，下边以webpack为例介绍一下如何结合构建工具使用TS；步骤如下：进入项目根目录，执行命令创建package.json文件命令如下：共安装7个包:根目录下创建webpack的配置文件：四、配置TS编译选项根目录下创建tsconfig.json，配置可以根据自己需要，具体配置可以参考【Vue3+Ts】—— TypeScript编译选项（tsconfig.json配置）修改package.json配

编译文件时，使用 -w 指令后，TS编译器会自动监视文件的变化，并在文件发生变化时对文件进行重新编译。示例：自动编译整个项目如果直接使用tsc指令，则可以自动将当前项目下的所有ts文件编译为js文件。但是能直接使用tsc命令的前提时，要先在项目根目录下创建一个ts的配置文件 tsconfig.jsontsconfig.json是一个JSON文件，添加配置文件后，只需只需 tsc 命令即可完成对整个项目的编译配置选项：示例：上述示例中，所有src目录和tests目录下的文件都会被编译示例：上述示例中

编程开发中我们有一个共识：错误出现的越早越好，能在写代码的时候发现错误，就不要在代码编译时再发现（IDE的优势就是在代码编写过程中帮助我们发现错误。能在代码编译期间发现错误，就不要在代码运行期间再发现（类型检测就可以很好的帮助我们做到这一点）。能在开发阶段发现错误，就不要在测试期间发现错误，能在测试期间发现错误，就不要在上线后发现错误。 为了弥补JavaScript类型约束上的缺陷，增加类型约束，很多公司推出了自己的方案：2014年Facebook推出了flow来对JavaScript进行类型检查.....

给对象给对象，操作对象，首先便要拥有对象；要创建对象，必须先定义类，然后的类可以理解为对象的模型；程序中可以根据类创建指定类型的对象；比喻说：可以通过Person类来创建人的对象，通过Dog类创建的对象，不同的类可以使用创建的对象；定义类class 类名 { 属性名: 类型; constructor(参数: 类型){ this.属性名 = 参数; } 方法名(){ .... }}

步骤一、初始化项目进入项目根目录，执行命令npm init -y，创建package.json文件下载工具二、下载配置工具npm i -D webpack webpack-cli webpack-dev-server typescript ts-loader clean-webpack-plugin安装了以下七个包：webpack：制造工具webpack webpack的高级工具-cli：webpack的高级工具 webpack-dev-server：webpack...

目录一、编译自动编译文件自动编译整个项目二、配置选项的介绍1. include（包含）2. exclude（排除）3.extends(延伸)4. files(文件)5. compilerOptions (编译器选项) target(项目编译)lib(库)module (模块)outDir(输出目录)outFile(输出文件)rootDir(根目录)checkJs其他配置严格检查额外检查一、编译自动编译文件...

目录类型声明语法：类型：numberbooleanstringanyunknownvoidneverobjectarraytupleenum类型断言函数数组元组 TupleTypeScript中的基本类型之前学习得js的数据类型有boolean、number、string、undefined、null、symbol、bigint、object在TS中新增void、any、unknown、never类型声明