typeScript的安装编译

JavaScript030

typeScript的安装编译,第1张

搭建环境 - 安装 node.js

安装 typeScript

创建程序文件

.ts 文件类似于js文件

.tsx 文件提供的另一种文件类型 可以书写 JSX语法

编译

tsc [要编译的文件] --outFile [编译后保存文件]

直接命令行运行 ts 文件

1. tsc --init 创建tsconfig.json

2. 修改tsconfig.json文件,设置js文件输出路径 "outDir":"./js"

3. 设置vscode 监视任务

选择 监视 tsconfig.json,保存ts文件之后,vscode就会帮我们自动编译js

在我们日常开发项目时,基本上会采用官方脚手架进行开发。然后使用官方脚手架开发也有缺点:不能很好的自定义一些功能。下面我将总结出来我是如何从零开始搭建前端工程的,希望对大家有所帮助。

基于tsc 编译

基于babel 编译

babel 的配置文件

建议: webpack 在业务中开发推荐使用babel 编译。 编辑js库使用tsc编译。

基本参数

严格检查

**

额外检查

**

模块解析检查

**

sourcemap检查

**

**

试验选项

**

试验选项

tsconfig.json 的基本配置

ts配置文件梳理完毕。

配置生效方式一:(修改vscode 配置)

方式二:给每个单独的工程增加配置文件

注意: 这里只是简单的列举了下需要的东西,和一个够用的配置。如果要按照具体需求配置的话,需要查看文档。

使用 git cz 命令:可以很方便的操作。

执行脚本:

major:升级主要版本

minor: 升级次要版本

patch:升级补丁版本

你是否在github上见过这样的release文档

操作步骤:

就可以得到上面好看的文档了。

结束!!!!