现在你在src目录下用ES6的语法写了一个demo.ts文件,代码如下。
export</
rootDir和outDir现在你的js文件直接编译到了根目录下,和ts文件混在了一起。我们当然是不喜欢这种方法的,工作中我们希望打包的js都生成在特定的一个文件夹里,比如build。这时候你就可以通过配置outDir来配置,当然你也可以通过rootDir来指定ts文件的位置,比如我们把所有的 ts 文件都放到 src 下。那配置文件就应该这样写。{ "outDir": "./build" , "rootDir": "./src" ,}这时候你再在Terminal中输入tsc,就
"compilerOptions": {
// 指定ts编译的js的目标版本
// 可选值: "ES3"(默认), "ES5", "ES6/ES2015", "ES2015", "ES2017" 或 "ESNext"
"target": "ESNext",
// 指定使用的模块化规范
// 可选值:"None", "CommonJS", "AMD", "System", "UMD", "ES6", "ES2015" 或 "ESNext"
// 只有 "AMD"
不同版本的Clang,GCC和MSVC的编译选项。 提供了生成器和不同的
文件
格式(构建系统和编译器)。
所述output目录包含
文件
cmake , xmake , premake5 , meson , bjam / b2 , scons和命令行选项gcc / g++ , clang / clang++和msvc 。 如果没有编译器版本,则与旧版本相比没有任何区别。
每个构建系统还具有一个仅包含其所需
文件
的分支。
这是gcc的示例:
int main ()
int x;
return x; // used but uninitialized
$ g++ main.cpp
$ g++ main.cpp @output/cpp/gcc/gcc-6.1-warnings
main.cpp: In function ‘int main()’:
main.cp
认识和学习tsconfig.json中compilerOptions
配置
项
removeComments属性:
removeComments是complerOptions里的一个子属性,它的用处是告诉
TypeScript
对编译出来的js
文件
是否显示注释(注解)。比如我们现在把removeComments的值设置为true,就是在js中不显示注释。
//我是小哈
let perosn:string ="小哈"
写完注释后,直接再终端里,输入tsc,输入完成后,很快就会生成一个Demo.js
文件
,打开后会看到
这里报错是因为声明了res变量但是未使用,点击快速修复的话,会把该变量删除掉,但是又不想删除并且不想看不到警告
找到tsconfig.json ,将noUnusedLocals:true改成noUnusedLocals:false
修改过后就只会提示未读取,并不会警告
1:removeComments 属性
removeComments是complerOptions里的一个子属性,它的用处是告诉
TypeScript
对编译出来的js
文件
是否显示注释(注解)。比如我们现在把removeComments的值设置为true,就是在js中不显示注释。
我们把上节课
文件
没有的Demo2.ts和生成的 JS
文件
都删除掉,只留Demo.ts
文件
,然后再Demo.ts
文件
里,加入一个注释。
// I‘m xh
const person: string = "xh";
写完注释后,直接再
"compilerOptions": {
// "incremental": true, // 增量编译
// "tsBuildInfoFile": "./buildFile", // 增量编译
文件
的存储位置
// "diagnostics": true, // 打印诊断信息
// "target": "es5", // 目标语言的版本
// "modul
1.tscript是什么?
TypeScript
(简称:TS)是 JavaScript 的超集(JS 有的 TS 都有)。
TypeScript
= Type + JavaScript(为 JS 添加了类型系统)。
TypeScript
是微软开发的开源编程语言,设计目标是开发大型应用。
可以在任何浏览器、任何计算机、任何操作系统上运行。
2.
TypeScript
相比 JS 的优势
JS 的类型系统存在“先天缺陷” ,绝大部分错误都是类型错误( Uncaught TypeErro