美文网首页
ts 准备工作,及自动编译

ts 准备工作,及自动编译

作者: 牛会骑自行车 | 来源:发表于2020-12-18 05:49 被阅读0次

安装 ↓

npm install -g typescript

查询typescript版本 ↓ (两种方式)

npm view typescript version

tsc -v

因为浏览器无法直接解析ts文件,需要先将.ts文件编译成.js文件。
可以手动编译,也可以直接在编辑器内进行自动编译的设置。

在ts文件的上级目录下,小黑窗输入 ↓

tsc --init
打开vscode编辑器,对上一步自动生成的 tsconfig.json文件进行修改,如下图 ↓ 修改后 ↓

(a1步骤 ↓)

接着对vscode进行设置 ↓ 终端 --> 运行任务 --> tsc:监视

(后一个步骤时如果没有出现“tsc监视”,在框里输入typescript进行搜索即可)

(a1步骤 ↑)

此时,如果出现以下报错 ↓ 进行以下操作 ↓ 出现蓝框后,输入
set-ExecutionPolicy RemoteSigned
选择y或a即可。如图 ↓ 在重新操作(a1步骤)之后,即可自动生成一个装着自动编译过后js文件的js文件夹 ↓

tada~~
准备工作已经做好,vscode也可自动编译啦~

相关文章

  • ts 准备工作,及自动编译

    安装 ↓ 查询typescript版本 ↓ (两种方式)① ② 因为浏览器无法直接解析ts文件,需要先将...

  • ts编译选项

    tsc 文件名 -w ts自动编译(只能编译一个文件) tsconfig.json文件 + tsc 自动编译(编...

  • vscode中调试ts

    ts-node命令 一、新建ts文件二、debug 添加配置 三、当前目录添加局部 ts ts-node 自动编译...

  • typeScript编译选项

    1、编译单个文件命令tsc xx.ts2、监测单个文件,如果xx.ts发生了更改,会被监测并自动编译tsc xx....

  • typescript 数据类型

    安装 npm install -g typescripttsc -v vscode 自动编译ts->js tsc ...

  • typescript笔记--类型篇

    动态监听ts文件变动,自动编译js 生成ts配置文件 类型约束的基本语法 ts的类型: 1.number类型:数字...

  • TS编译设置和配置文件属性解读

    1. 编译选项 1.1 自动编译文件 编译文件时,使用-w指令后,TS编译器会自动监视文件的变化,并在文件发生变化...

  • 【一】TS安装编译配置自动生成.js文件

    TypeScript安装 编译 vscode自动编译.ts文件 初始化配置文件 选择终端-->运行任务-->tsc...

  • TypeScript语法

    一、基础部分 1.安装和编译 2.用VScode 自动编译 .ts a. 创建tsconfig.json文件。 t...

  • typescript笔记1(安装与编译)

    1.安装 手动编译 ts 2.vscode自动编译设置 1️⃣初始化 生成tsconfig.json文件 2️⃣修...

网友评论

      本文标题:ts 准备工作,及自动编译

      本文链接:https://www.haomeiwen.com/subject/blztnktx.html