一、TypeScript是什么
相信很多学了Java然后再去写JavaScript的人会很难受,怎么一个声明好的变量可以赋上各种类型的值,有时间想定位Bug都很难受,我想知道这个变量是什么类型,然而JavaScript没有这么方便。最近由于公司用到了TypeScript,然后学习了才知道,原来已经有了解决方案。有了TypeScript,变量需要按照一定的规范去赋值,否则编译不通过,极大的方便了后期的维护管理。
二、批量将TypeScript编译转换成JS至所有目标文件夹
如果一个个文件全部都用tsc 文件名.ts,那可太麻烦了,因此需要一个一行代码就可以全部编译的操作。
(1)使用webstorm创建项目目录下面的ts配置文件。
配置文件里面内容可以全部删除,然后自己添加内容。如代码:
{
"include": [
"./src/**/*" // 要编译的文件夹 **表示任意文件夹 *表示任何文件
],
"compilerOptions": { // 重要!!!的对象属性
"target": "ES5", // 编译JS代码使用的标准
"module": "ES2015", // 模块化标准
"outDir": "./dist", // 编译之后的文件存放目录
"allowJs": false, // 是否对JS代码进行编译 默认false
"checkJs": false, // 是否检查JS代码语法规范
"removeComments": false, // 是否移除编译后的注释
"noEmit": false, // 不生成编译文件,用于初步检查代码
"noEmitOnError": false, // 有错误的时候不编译ts
}
}
然后编写完代码在配置文件的父级目录下使用tsc即可按照配置文件进行编译。很多人编译不成功就是因为文件目录没理清楚,如test/tsconfig.json,那tsc命令就先cd到test,然后输入。
|