1.新建一个目录Test
2.打开vscode，打开此目录
3.在vscode的terminal命令行中输入npm init//创建node工程
4.tsc --init//生成一个tsconfig.json文件
5.创建一个文件index.ts,在文件中写入:
console.log('hello typescripit');
6.使用tsc命令编译，会得到一个index.js的文件
7.使用node .来运行程序了。注意node+空格+一个点。
8.可以看到打印结果。
划分目录:
默认的情况下，ts和js都是在一起的，生成发布版本的时候，就会有些乱了。所以，将所有生成的代码，放到别的目录。
打开tsconfig.js
找到compilerOptions中的outDir，增加./build,这样就会将代码生成到build里面了，然后修改package.json，修改main为build/index.js就可以运行了。
添加一个文件：hello.ts，文件内容为：
export class H{
getString(): string {
return "hello test";
}
}
在index.ts修改为：
import {H} from "./hello"
console.log("test")
console.log((new H()).getString())
这样就可以使用外部模块的类了.
这是一个node的工程。
如果要让它能在浏览器运行，应该如何做呢？
在bulid目录下，写一个index.html文件，内容如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
</body>
<script src="test.js"></script>
</html>
然后，命令行切换到bulid目录下，如cd bulid。
然后安装:npm install -g browserify
然后使用命令：
browserify index.js > test.js
这样就编译成网页可以使用的代码了。
然后用浏览器运行html即可。
index.ts可以加这样一句话：
document.body.innerHTML = (new H()).getString()
这样还看效果.
网友评论