ts文件项目(自用版)

最近在复读ts，所以记录一下。

一、建立文件

1.vscode打开空文件夹，终端：npm init -y 生成package.json文件

2.终端：tsc -init 生成tsconfig.json 文件

3.同级目录下建立如下三文件，build文件夹放编译好的，src放源程序代码，index.html相当于入口文件

4.为了ts编译后文件放build下，修改tsconfig.json中的配置。outDir是编译后的，rootDir是要编译的

5.index.html输入！回车获得基础样式，在其中引入将要编译的js文件

6.ts中随便打点啥

7.终端输入tsc编译

8.直接网页中打开html文件，可以看到有console的结果

二、ts做项目

1.ts文件中随意添加，index.html中引入，终端tsc编译后即可

2.此时发现如此添加是全局变量,使用namespace命名空间调整。利用export只暴露page。

当然也可以使用import引入，参照vue3。