安装 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文档
操作步骤:
就可以得到上面好看的文档了。
结束!!!!