TypeScript文件转JS文件

标签：username 文件 TypeScript index ts js 文件夹 JS tsc

 

方式一：ts 手动编译成 js

先安装ts

npm install -g typescript

检测版本

tsc -v

ts 编译成 js

1.新建 ts 文件夹，使用 vscode 打开，新建 index.ts，代码如下

(() => {
  const username: string = "小明";
  console.log(username);
})();

2.打开控制台执行 tsc index.ts 自动生成 index.js，代码如下

(function () {
    var username = "小明";
    console.log(username);
})();

 

注意：测试代码要放入 ()() 立即执行函数里，否则执行 tsc index.ts 后 ts 文件变量飘红

 

方式二：ts 自动编译成 js

生成 tsconfig.json 配置文件

新建 ts 文件夹，使用 vscode 打开，终端执行

tsc --init

 

修改 tsconfig.json 配置文件

"outDir": "./js" /* 指定编译后的输出目录 */,
"strict": false /* 关闭严格模式 */,

测试

1.新建 js，ts 文件夹，在 ts 文件夹中新建 index.ts 代码如下

(() => {
  const username: string = "小明";
  console.log(username);
})();

2.vscode 操作：终端 --> 运行任务 --> 选择 tsc:监视-tsconfig.json

这样在修改 ts 文件内容，保存时会自动编译

标签：username,文件,TypeScript,index,ts,js,文件夹,JS,tsc
From： https://www.cnblogs.com/miangao/p/17223103.html