1.TypeScript 快速入门

TypeScript官网中文文档链接
简介:TypeScript由微软开发的一个开源编程语言,通过JavaScript的基础上添加静态类型定义构建而成,TypeScript通过它自己的编译器或Babe(一种转换工具)转换为JS代码.

注:浏览器或node只能执行JavaScriot代码

• TypeScript是JavaScript的一个超集 (TS是JS的一种扩展)

TS常用类型和用法

安装

1 npm install -g typescript // -g = 在全局下安装

项目初始化

在空目录终端下执行代码,这个空目录作为ts根目录

1 npm init -f //出现package.json文件

2 tsc -init //出现tsconfig.json文件(编译配置文件,可以忽略,不用写,有默认值)//根据自己需求配置

{
  /* 编译选项：可以被忽略，这时编译器会使用默认值 */
  "compilerOptions": {
    "module": "commonjs" /* 生成代码的模板标准 */, 适用于node.js
    "noImplicitAny": true /* 不允许隐式的 any 类型 */,
    "removeComments": true /* 删除注释 */生成的JS代码是否有注释
    "preserveConstEnums": true /* 保留 const 和 enum 声明 */,
    "sourceMap": true /* 生成相应的 .map 文件 */,
    "outDir": "./dist"  生成的JS代码在指定目录下
  },
  "include": ["src/**/*"] /* 指定编译目录 */, 需要编译哪些文件,这里指src下所有文件
  "exclude": ["node_modules", "**/*.spec.ts"] /* 指定不编译目录 */  排除第三方包不编译
}

在删除tsconfig.json文件配置文件原有内容后,粘贴上面配置文件(不需要注释)
注意修改以下代码
“module”: “commonjs” /* 生成代码的模板标准 */, 适用于node.js, ES2015S适用于浏览器模块化标准
“outDir”: “./dist” 生成的JS代码在指定目录下(根据自己需求,把编译好的TS存进文件的目录)
“include”: ["src/**/"] / 指定编译目录 */, 需要编译哪些文件,这里指src下所有文件(sec为自定义文件)

1.这时根据配置文件创建src目录,把TS文件都写在里面
2.终端运行TS文件

tsc -w

在TS文件里运行文件后,会根据配置文件目录,转换为配置文件下目录而生成JS文件