标题
安装 Typescript
npm i Typescript -g //安装全局Typescript
tsc --init //初始化文件夹生成tsconfig.json配置文件
常用配置
{
/**
tsc 配置,配置完以后使用tsc -w命令就能实时监测你的ts文件变化并且转换为js
"include":指定那个目录所有文件被编译
**:代表所有目录
*代表所有文件
"exclude":排除那个目录下的文件不被编译
默认值:["node_modules","bower_components","jspm_packages"]
*/
"include": [
"./src/**/*"
],
"exclude": [
"./src/hello/**/*"
],
"compilerOptions": {
//"target"编译为那个版本的js
//版本为:'es3', 'es5', 'es6', 'es2015', 'es2016', 'es2017', 'es2018', 'es2019', 'es2020', 'esnext'.
"target": "es2015",
//"module"表示模块化时使用那个模块化的方式
//模块化的方式:'none', 'commonjs', 'amd', 'system', 'umd', 'es6', 'es2015', 'es2020', 'esnext'.
"module": "es2015",
//"lib"指定你在开发中使用的库,一般不会去动他
//"lib": []
//指定编译后的文件放在那个目录中
"outDir": "./dist",
//指定编译后后的文件合成一个文件,一般不使用,都用打包工具来实现
// "outFile": "./dist/app.js"
//"allowJs":是指对js文件是否编译
"allowJs": true,
//"checkJs":是否对js代码进行规范检查
"checkJs": false,
//"removeComments":编译时是否移除注释
"removeComments": true,
//不生成编译后的文件
"noEmit": false,
//编译产生错误时不进行文件生成
"noEmitOnError": true,
//严格检查的总开关只要为true下面的严格检查就都会打开
"strict": true,
//是否编译为js代码时为严格模式的js代码
"alwaysStrict": true,
//不允许有隐式的any类型
"noImplicitAny": true,
//不允许有未明确定义的的this
"noImplicitThis": true,
//严格检查是否有空值
"strictNullChecks": true
}
}
创建
1.创建src文件夹
2.创建一个1_Typescript.ts在src文件夹下
在终端打开使用命令 tsc -w 来编译 Typescript 生成dist文件夹 和一个可执行的js文件